This is the e-commerce admin panel that allows administrators to manage their available stock and the store website directly from here. Administrators can create and manage billboards, categories, sizes, colors, products, and even view and manage orders. All changes in the admin panel are directly reflected on the store website. This admin panel is designed to simplify the management of multiple stores, offering powerful reporting and customization features.
- 🏬 Multiple Store Creation: Administrators can manage multiple stores from a single dashboard.
- 📊 Sales Report: View detailed sales reports.
- 📦 Inventory Report: Keep track of stock levels with inventory reports.
- 🖼️ Billboard Management: Create, read, update, and delete multiple billboards that are displayed on the store website.
- 🗂️ Categories Management: Manage multiple product categories with ease.
- 📏 Sizes Management: Define and manage multiple available sizes for products.
- 🎨 Colors Management: Add and manage multiple available colors for products.
- 🛍️ Products Management: Add, update, and manage multiple products with advanced options for each.
- 📑 Orders Report: Track and manage customer orders efficiently.
- ⚡ Data Caching with Redis: Leverage Redis for efficient caching to improve app performance and response times.
- 🌗 Light and Dark Theme: Toggle between light and dark modes for better user experience.
- ⭐ Featured Products: Mark products as featured to display them on the store website's homepage.
- 🗄️ Archived Products: Archive products without deleting them from the system.
One of the most challenging features was adding multiple sizes with multiple images for each product. The CRUD operations for managing these relationships became difficult but were successfully implemented.
- Frontend & Backend: Next.js (Handles both frontend and backend)
- Language: TypeScript
- Database: MongoDB
- Caching: Redis
- State Management: Zustand
- Styling: Tailwind CSS, Shadcn UI
- Authentication: Next-Auth (Google and GitHub OAuth)
This application is deployed using AWS Amplify. You can view the live demo here:
We welcome contributions to improve this project! Please follow the below steps:
- Fork the repository.
- Create a new branch.
- Make your changes.
- Submit a pull request.
We appreciate any contributions that help improve the platform.
Here are a few screenshots of the admin panel:
Feel free to explore the admin panel and contribute to the project. We're excited to see what you build with it!