Build an Image Sharing App with MERN Stack

In this project, we’ll build an image sharing application with login and registration functionalities. Users will be able to upload and share image posts from their accounts and follow and unfollow other users.

We’ll use Express and Node.js to develop the backend API, which will interact with a MongoDB database to fetch and store data. After setting up the backend, we’ll implement the frontend using React, adding user authentication and image sharing components. The finalized application will retrieve data from MongoDB via the Node.js server and display it using React functional components.

The application will include complete user authentication and profile management features. Users will be able to:

• Register and log in using their credentials.

• Manage and update their username, email address, and profile picture.

• Upload and manage images and posts.

The project integrates an LLM-powered chatbot using Google Gemini to enhance functionality and user engagement. This intelligent assistant:

• Allows users to ask questions about the project.

• Uses retrieval-augmented generation (RAG) to fetch relevant portions of the project documentation.

• Delivers accurate, context-aware answers based solely on the embedded content.

The application UI is styled using prewritten CSS to provide a clean and consistent design.