Bemgram-socialApp

Full-stack social-app

BemGram is a cutting-edge social media application developed using React.js for the frontend and Appwrite as the backend server that provides a database infrastructure. This platform provides users with a seamless and engaging experience to connect with friends, share moments, and explore a dynamic social space.

Introduction

Welcome to BemGram, your go-to social app for connecting and sharing experiences. Developed with React.js and powered by Appwrite, BemGram offers a modern and feature-rich social media experience.

Some UI Preview

Signin/signup page

Home page

Users can see recent post

Explore page

Users can see posts, search and also can filter using different parametes

Post detail page

detaild info and related posts are displayed

All users page

Users can see users account

Saved page

Saved posts are displayed here

Create post page

Users can create post in here.(captions, upload image, tag)

Profile page

users can see there posts, saved posts

Edit profile page

user can change there profile info, upload profile image

Key Features

• User Profiles and Connections: Connect with friends, customize your profile, and stay in touch with the latest updates from your network.
• Media Sharing: Share photos and videos with your followers, and explore content from others in your feed.
• Appwrite Backend Integration: Utilize the robust backend capabilities of Appwrite for secure and efficient data management.

Technologies Used

Frontend

Core Technologies:

• React.js: A JavaScript library for building user interfaces.
• Appwrite SDK: Integration with the Appwrite backend for seamless data handling

User Interface

• Responsive Design: Tailwind CSS is employed to ensure a visually appealing and user-friendly experience across various devices.

Backend

Main Technologies:

• Appwrite: A backend-as-a-service (BaaS) platform providing authentication, database, and storage services.
• Node.js: JavaScript runtime for executing server-side code.

Getting Started

Prerequisites

• npm

  npm install npm@latest -g
  

Integrations:

• Other third-party services as required by the application.