Welcome to the GraphQL Admin Dashboard repository! This dashboard provides an efficient solution for managing eCommerce products, users, carts, addresses, and orders. It allows performing CRUD operations on these entities through GraphQL queries and mutations. The frontend is built using Next.js, Material UI, HTML, and CSS, while the backend is powered by Python, Django, and the database used is MongoDB.
- Product Management: Perform CRUD operations on eCommerce products.
- User Management: Manage user accounts and perform necessary operations.
- Cart Management: View and manage user shopping carts.
- Address Management: Add, update, and delete user addresses.
- Order Management: Track and manage user orders.
- GraphQL API: Utilize GraphQL queries and mutations for efficient data retrieval and modification.
- Frontend: Next.js, Material UI, HTML, CSS
- Backend: Python, Django
- Database: MongoDB
- Frontend
- Clone the repository to your local machine.
git clone https://github.com/sumit-singh1196/GraphQL-Admin-Dashboard.git
- Navigate to the frontend-project directory.
cd frontend-GraphQL
- Install the required dependencies.
npm install
- Start the frontend-local server.
npm run dev
- Backend
-
Navigate to the backend-project directory.
cd backend-GraphQL
-
Install the required dependencies.
pip install -r requirements.txt
-
Configure the backend connection and MongoDB settings in the .env file.
-
Start the backend-local server.
python manage.py runserver
- Login to the admin dashboard using your credentials.
- Use the provided GraphQL queries and mutations to perform CRUD operations on products, users, carts, addresses, and orders.
- Retrieve and manipulate data efficiently using GraphQL APIs.
- Use either mongoDB-Atlas or mongoDB locally.
- Here's a preview image of the GraphQL Admin Dashboard for eCommerce Product Management:
- Contributions to the GraphQL Admin Dashboard project are welcome! If you find any issues or want to suggest improvements, please open an issue or submit a pull request.
- This project is licensed under the MIT License.
- Make sure to place the preview image in a folder named "previews" at the root of your project directory, and update the image path accordingly in the README.md file.