This project is divided into Frontend and Backend, each with its own dependencies.
Follow the instructions below to install everything correctly.
The frontend is built using React with modern libraries for UI, animations, markdown rendering, routing, and notifications.
| S.No. | Package Name | Purpose | Command |
|---|---|---|---|
| 1 | axios | HTTP requests | npm install axios |
| 2 | moment | Date & time manipulation | npm install moment |
| 3 | framer-motion | Animations | npm install framer-motion |
| 4 | react-markdown | Markdown rendering | npm install react-markdown |
| 5 | react-syntax-highlighter | Code syntax highlighting | npm install react-syntax-highlighter |
| 6 | remark-gfm | GitHub-flavored markdown support | npm install remark-gfm |
| 7 | react-hot-toast | Notifications | npm install react-hot-toast |
| 8 | react-icons | Icons | npm install react-icons |
| 9 | react-router-dom | Routing | npm install react-router-dom |
This section explains how to set up the backend environment and install all required dependencies.
| S.No. | Package | Purpose | Install Command |
|---|---|---|---|
| 1 | express | Server framework | npm i express |
| 2 | bcryptjs | Password hashing | npm i bcryptjs |
| 3 | cors | Enable Cross-Origin Requests | npm i cors |
| 4 | dotenv | Environment variables | npm i dotenv |
| 5 | jsonwebtoken | JWT authentication | npm i jsonwebtoken |
| 6 | mongoose | MongoDB ODM | npm i mongoose |
| 7 | multer | File upload handling | npm i multer |
| 8 | @google/genai | Google AI SDK | npm i @google/genai |
| 9 | nodemon | Development server auto-restart | npm i nodemon --save-dev |