Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hamzalodhi2023/shoppy
Shoppy a ecommerce website using ReactJs, Tailwind CSS, Redux, React Query, Express, Mongooes, MongoDB.
https://github.com/hamzalodhi2023/shoppy
code coding daisy-ui daisyui express expressjs react reactjs reactquery reactrouter reactrouterdom redux shoppy tailwind tailwind-css tailwindcss tanstack-query tanstack-react-query vite vitejs
Last synced: 15 days ago
JSON representation
Shoppy a ecommerce website using ReactJs, Tailwind CSS, Redux, React Query, Express, Mongooes, MongoDB.
- Host: GitHub
- URL: https://github.com/hamzalodhi2023/shoppy
- Owner: hamzalodhi2023
- License: mit
- Created: 2024-11-07T17:02:39.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2025-01-03T09:20:43.000Z (22 days ago)
- Last Synced: 2025-01-03T10:26:30.427Z (22 days ago)
- Topics: code, coding, daisy-ui, daisyui, express, expressjs, react, reactjs, reactquery, reactrouter, reactrouterdom, redux, shoppy, tailwind, tailwind-css, tailwindcss, tanstack-query, tanstack-react-query, vite, vitejs
- Language: JavaScript
- Homepage:
- Size: 96.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Shoppy: E-Commerce Website
Shoppy is a modern and responsive e-commerce website built with React.js, Vite, Tailwind CSS, and DaisyUI on the frontend, and Express.js, MongoDB, and Mongoose on the backend. It leverages state management and API handling through Redux and React Query for a seamless user experience.
## Features
- **User-Friendly Interface**: Modern design with responsive layouts.
- **Product Management**: View, search, and filter products.
- **Shopping Cart**: Add, remove, and update items in the cart.
- **Order Management**: Place orders and view order history.
- **Admin Panel**: Manage products, orders, and users.
- **Dark Mode**: Beautiful dark mode toggle.
- **API Integration**: Efficient data fetching and mutations with React Query.
- **Database**: MongoDB for scalable data storage.
## Technologies Used
### Frontend:
- [React.js](https://reactjs.org/)
- [Vite](https://vitejs.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [DaisyUI](https://daisyui.com/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [React Query](https://tanstack.com/query/latest)
### Backend:
- [Express.js](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [Mongoose](https://mongoosejs.com/)
## Installation and Setup
1. **Clone the repository**:
```bash
git clone https://github.com/hamzalodhi2023/shoppy.git
cd shoppy
```
2. **Frontend Setup**:
```bash
cd .\frontend\
bun i
bun dev
```
3. **Backend Setup**:
```bash
cd .\server\
npm i
npm run server
```
## Contributing
Contributions are welcome! Feel free to fork the repository and submit a pull request. Please ensure your changes adhere to the project's coding standards.
## License
This project is licensed under the [MIT License](LICENSE).
## Contact
- **Author**: Hamza Lodhi
- **GitHub**: [hamzalodhi2023](https://github.com/hamzalodhi2023)
- **Email**: [email protected]
---
### Show Your Support
If you find this project useful, please ⭐ the repository to support the project and follow my GitHub for more exciting projects!