A modern, full-featured CRM dashboard built to manage customer relationships efficiently, using a wide range of web technologies. This project demonstrates the integration of both backend and frontend systems to provide a powerful and scalable solution.
- Dynamic Data Visualizations: Utilize Nivo for visually appealing charts and graphs.
- User-Friendly UI: Built with Material UI and Material UI Data Grid for a responsive and accessible interface.
- State Management: Redux Toolkit and Redux Toolkit Query for efficient and scalable state management.
- Date Selection: Integrated React Date Picker for easy date handling in forms and reports.
- Authentication: Secure JWT-based authentication for user login and access control.
- Database: MongoDB for storing and managing customer data, with Mongoose as an ORM and MongoDB Aggregate for advanced queries.
- Routing: React Router for smooth page navigation.
- Deployment: Deployed using Render and Railway for cloud-based hosting and scalability.
- Backend: Node.js, Nodemon
- Frontend: React, Material UI, Nivo
- State Management: Redux Toolkit, Redux Toolkit Query
- Database: MongoDB, Mongoose, MongoDB Aggregate
- Utilities: React Router, React Date Picker, Dotenv
- Authentication: JsonWebToken
- Deployment: Render, Railway
- Development Tools: VSCode, NPX
-
Clone the repository:
git clone https://github.com/HarshVardhan12102002/LogixCRM-MERN-Stack.git cd LogixCRM-MERN-Stack -
Install the dependencies:
npm install
-
Set up environment variables: Create a
.envfile in the root directory and add the following:MONGO_URI=your-mongodb-connection-string JWT_SECRET=your-secret-key -
Run the development server:
npm start
-
For hot-reloading, use Nodemon:
npm run dev
- Access the dashboard by navigating to
http://localhost:3000in your browser. - Sign in using your credentials to start managing customer data, visualizing reports, and tracking metrics.