README Admin Panel for E-commerce App Welcome to the GitHub repository for our Admin Panel, designed for managing an e-commerce application. This admin panel is built with ReactJS, SCSS, Node.js, Express.js, and Material-UI, providing an intuitive and efficient interface for managing products, orders, and users.
Table of Contents About the Project Features Getting Started Prerequisites Installation Running the App Usage Future Updates Contributing License Contact About the Project This admin panel is mainly for an e-commerce app, fetching data from the backend. It includes various pages like:
Login Page Order Page User Page Products Page Home Page The home page consists of widgets and an order table. The app is built with Material-UI, allowing for filtering and searching within tables. It also features the ability to add products, categories, and sub-categories, updating the database accordingly.
Features Data Management: Fetch data from backend servers for orders, products, and categories. Login Authentication: Secure login page for admin access. Dynamic Tables: Filter and search functionality in tables, thanks to Material-UI. Product Management: Add, edit, and manage products, categories, and sub-categories. Local Servers: Uses local servers for development and testing. Getting Started To get a local copy up and running, follow these steps.
Prerequisites Node.js npm (Node Package Manager) Git json-server Installation Clone the repository
Copy code git clone https://github.com/your-username/AdminPanel_2.git Navigate to the project directory
Copy code cd admin-panel Install dependencies
Copy code npm install Running the App Before running the app, start the local servers:
Start the Node.js server on port 5000 (you can change the port if needed)
Copy code node server.js Start the JSON servers for orders, products, and categories
Copy code json-server --watch src/api/orders.json --port 4000 json-server --watch src/api/products.json --port 4001 json-server --watch src/api/categories.json --port 4002 Start the development server using Vite
Copy code npm run dev
Usage Home Page: View widgets and an order table. Order Page: Manage and view orders. User Page: Manage users (future update). Products Page: Add, edit, and manage products and categories. Future Updates Responsive Design: Improve the design for better responsiveness. Enhanced UI: More attractive and user-friendly interface. Database Integration: Fetch data from actual databases like Firebase. User Management: Implement a user server for managing user data. Contributing We welcome contributions to improve our admin panel. Here are some ways you can help:
Report bugs and issues Suggest new features Submit pull requests with improvements Fork the Project Create your Feature Branch (git checkout -b feature/AmazingFeature) Commit your Changes (git commit -m 'Add some AmazingFeature') Push to the Branch (git push origin feature/AmazingFeature) Open a Pull Request License Distributed under the MIT License. See LICENSE for more information.
Contact If you have any questions or suggestions, feel free to reach out.
Email: shahjeez1217@gmail.com LinkedIn: https://www.linkedin.com/in/anshah-khan-2a612b253/ Thank you for visiting our repository and contributing to our project!