ImageGram is a full-stack project with separate frontend and backend components. This README provides an overview of the project structure, installation instructions, and details about each part.
The frontend of ImageGram is responsible for the user interface and user experience. It includes various components and pages to interact with the backend services.
To set up the frontend, follow these steps:
- Navigate to the
frontend
directory:sh cd frontend
- Install the dependencies:
sh npm install
- Start the development server:
sh npm start
Here are some demo images of the frontend:
The backend of ImageGram handles the server-side logic, including API routes, database interactions, and authentication.
To set up the backend, follow these steps:
- Navigate to the
backend
directory:sh cd backend
- Install the dependencies:
sh npm install
- Start the server:
sh npm start
The backend provides several API routes for different functionalities:
-
User Routes
POST /api/users/register
- Register a new userPOST /api/users/login
- Login a user
-
Post Routes
GET /api/posts
- Get all postsPOST /api/posts
- Create a new post
-
Comment Routes
POST /api/comments
- Add a comment to a post
For detailed API documentation, refer to the API Docs.