https://github.com/luan-neumann-dev/reactgram

ReactGram is an Instagram-based project that offers a complete social experience, allowing users to interact with a feed of posts and connect socially through likes and comments, all through a secure authentication system.
https://github.com/luan-neumann-dev/reactgram

instagram javascript mongodb-atlas nodejs react

Last synced: 6 days ago
JSON representation

ReactGram is an Instagram-based project that offers a complete social experience, allowing users to interact with a feed of posts and connect socially through likes and comments, all through a secure authentication system.

• Host: GitHub
• URL: https://github.com/luan-neumann-dev/reactgram
• Owner: Luan-Neumann-Dev
• Created: 2024-07-23T01:09:14.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-07T22:49:54.000Z (4 months ago)
• Last Synced: 2024-11-08T19:08:58.981Z (2 months ago)
• Topics: instagram, javascript, mongodb-atlas, nodejs, react
• Language: JavaScript
• Homepage:
• Size: 80.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 📸 ReactGram



![image](https://github.com/user-attachments/assets/6cb97b3a-e3f4-4186-a10f-c536dbde69e2)

![image](https://github.com/user-attachments/assets/2a5bb3b9-fd60-4974-84b5-79071bef87d4)

![image](https://github.com/user-attachments/assets/ef4be3b3-acdf-43ed-bc6c-c0c6f044d375)

> ReactGram is an Instagram-based project that offers a complete social experience, allowing users to interact with a feed of posts and connect socially through likes and comments, all through a secure authentication system.

## 💼 Technologies Used

- React

- Vite

- JavaScript

- MongoDB

- HTML

- CSS

## 🏃 How to Run the Project

To run the project locally, follow these steps:

1. **Clone** this repository on Visual Studio Code

```

git clone https://github.com/Luan-Neumann-Dev/ReactGram/

```

2. **Open** the console and navigate to the project folder:

```

cd ReactGram

```

3. **Configure** your MongoDB database credentials in the ``backend/env`` file.

4. **Navigate** to the 'backend' folder and run the command:

```

npm install

```

5. **Start** the back-end server:

```

npm run server

```

6. **Open** a new terminal tab, navigate to the 'frontend' folder, and run the command:

```

npm install

```

7. **Start** the front-end server:

```

npm run dev

```

8. Open ``http://localhost:5173`` in your web browser to view the project.

## Contributions 🤝

Contributions are welcome! If you have suggestions for improvements or encounter any issues, feel free to open an issue or submit a pull request.

 🙋 Author  


  

    

      

        


        

          Luan Neumann Dev

        

      

    

  

---