Apna Shop is a comprehensive e-commerce website that allows users to browse, search, and purchase a wide range of products. It features a robust admin panel where administrators can manage products and users, view sales analytics, and more. The website is fully responsive, ensuring a seamless user experience across all devices.
- Frontend :- https://apna-shop1.netlify.app/
- Backend :- https://apna-shop-g83q.onrender.com/
- Product Browsing: Users can browse through a variety of products.
- Search Functionality: Easily search for products.
- Filtering and Sorting: Filter products by category, price, and other attributes. Sort products by relevance, price, and popularity.
- Pagination: Products are displayed with pagination to enhance performance and usability.
- Private Routing: Secure routes for user-specific pages such as account and order history.
- User Authentication: Sign up, login, and logout features.
- Responsive Design: Fully responsive design for optimal viewing on all devices.
- Product Management: Admins can add, edit, and delete products.
- User Management: Admins can view all user accounts and delete users if necessary.
- Sales Analytics: Admins can view sales records in a chart format for better analytics and decision-making.
- React: JavaScript library for building user interfaces.
- Redux: State management library.
- HTML & CSS: Standard web technologies for structuring and styling.
- JavaScript: Programming language for dynamic behavior.
- Tailwind CSS: Utility-first CSS framework.
- React Toastify: Notifications for React.
- React Elastic Carousel: Carousel component for React.
- Redux Thunk: Middleware for handling asynchronous actions in Redux.
- Axios: HTTP client for making requests.
- React Router DOM: Routing library for React.
- Slick Carousel: Responsive carousel library.
- Node.js: JavaScript runtime for building the backend.
- Express: Web framework for Node.js.
- Mongoose: ODM for MongoDB.
- MongoDB: NoSQL database.
- JSON Web Token (JWT): Authentication standard.
- bcryptjs: Library for hashing passwords.
- Node.js and npm installed on your machine.
- MongoDB server running.
- Clone the repository:
git clone <repository-url> - Navigate to the frontend directory:
cd frontend - Install dependencies:
npm install - Start the development server:
npm start
- Navigate to the backend directory:
cd backend - Install dependencies:
npm install - Create a
.envfile with necessary environment variables. - Start the server:
npm run dev
- Open the frontend in your browser:
http://localhost:3000 - Navigate to the admin panel using admin credentials.
- Manage products and users, and view sales analytics.
Contributions are welcome! Please fork the repository and submit a pull request for review.
This project is licensed under the MIT License.
Feel free to visit our GitHub Repository to view the code and contribute.
🚀 Happy Shopping with Apna Shop! 🛍️