Memories Social Media App

Memories is a social media platform where users can share and engage with memorable moments in their lives. This app allows users to register, post, like, comment, and manage profiles with a user-friendly interface.

Technologies Used

1. ReactJS with Vite (Frontend)
2. Material UI (Styling)
3. NodeJS with Express (Backend)
4. MongoDB (Database)

How to Run

1. Clone or download this repository to your local system.
2. Navigate to the project folder in the terminal and run npm i to install all required dependencies.
3. To start the development server, run npm start.
4. To run the client side separately, navigate to the client folder and use npm run dev.

Features of the App

1. User Registration and Login:

   • Users can register an account on Memories and log in to access features (see images 1 and 2).

2. View and Share Posts:

   • After logging in, users can view posts from other users (see image 3) and create new posts to share their own memories (see image 4).

3. Post Management:

   • Users can update or delete their own posts and view all posts they’ve shared (see image 5).

4. Dark and Light Mode:

   • Users can toggle between dark mode and light mode for a customizable viewing experience (see image 6).

5. User Profiles and Social Interactions:

   • Users can visit other profiles (see image 7), view their friend lists, like posts, add comments, and see comments from other users.

6. Logout Option:

   • A dropdown Logout option is available at the top right corner (see image 8). Clicking it logs the user out and redirects them to the login page.

7. Profile Editing:

   • Users can go to their profile and edit their details (see image 9).

---

This README should make it easy for users to understand the setup process and key features of your Memories social media app.

Demo images of the Web App:

image 1:

image 2:

image 3:

image 4:

image 5:

image 6:

image 7:

image 8:

image 9: