Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/santhoshs50/frontend
Wonder_Aqua_Garden_FE
https://github.com/santhoshs50/frontend
axios bootstrap ecommerce-website google-maps-api react react-dom react-fast-marquee react-helmet-async react-icons react-redux react-toastify redux redux-devtools-extension redux-thunk stripe
Last synced: 8 days ago
JSON representation
Wonder_Aqua_Garden_FE
- Host: GitHub
- URL: https://github.com/santhoshs50/frontend
- Owner: SanthoshS50
- Created: 2024-03-07T15:41:04.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-04-08T13:25:34.000Z (10 months ago)
- Last Synced: 2024-11-24T14:16:35.179Z (2 months ago)
- Topics: axios, bootstrap, ecommerce-website, google-maps-api, react, react-dom, react-fast-marquee, react-helmet-async, react-icons, react-redux, react-toastify, redux, redux-devtools-extension, redux-thunk, stripe
- Language: JavaScript
- Homepage: https://frontend-omega-eight-94.vercel.app
- Size: 10.7 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WONDER AQUA GARDEN E-COMMERCE FRONTEND
Welcome to the Wonder Aqua Garden E-Commerce website! This project is built using the MERN stack (MongoDB, Express.js, React.js, Node.js), providing a platform for users to purchase various aquarium and pet-related products. Users can browse products, add them to their cart, review products, update their profile, and track order statuses. Additionally, an admin dashboard is available for managing products, orders, users, and inventory.
#### Web Link: https://frontend-omega-eight-94.vercel.app/
| Admin | User |
|--------------------------------------|------------------------------------|
|![Admin Dashboard]()|![Home]()|
|![Admin New Product]()|![Latest Products]()|
|![Admin Product List]()|![User Profile]()|
|![Admin Orders]()|![User Contact Us]()|
|![Admin Review]()|![User Product Details]()|
|![Admin User List]()|![User Cart Page]()|
||![Shipping Info]()|
||![Confirm Order]()|
||![Card Info]()|
||![Order Confirmed]()|
||![User Orders]()|
||![Order Details]()|## Features
- **Product Categories**: Products are categorized into various sections including Aquarium Accessories, Aquarium Medicines, Aquascaping Tools, Fish Foods, Fish Tanks & Bowls, Live Fishes, Live Pets, Live Aqua Plants, Pet Foods, and Pet Needs.
- **User Authentication**: Users can sign up, log in, and update their profiles. Authentication is implemented to secure user data and allow personalized experiences.
- **Shopping Cart**: Users can add products to their cart, review them, and proceed to checkout.
- **Product Reviews**: Users can leave reviews and ratings for products they have purchased, providing valuable feedback to other users.
- **Order Tracking**: Users can track the status of their orders, providing transparency and ease of mind regarding their purchases.
- **Admin Dashboard**: Admin users have access to a special dashboard where they can manage products, orders, users, and inventory. This includes adding, updating, and deleting products, orders, and users, as well as monitoring the number of out-of-stock products.
## Technologies Used
- **Frontend**: React.js, Redux, HTML, CSS, JavaScript,Bootstrap
- **Backend**: Node.js, Express.js, MongoDB
- **Authentication**: JSON Web Tokens (JWT)
- **State Management**: Redux
- **Database**: MongoDB Atlas
- **Deployment**: Render (for backend), Vercel (for frontend)
- **Version Control**: Git, GitHubThank you for checking out the Wonder Aqua Garden E-Commerce website! If you have any questions or feedback, feel free to reach out. Happy shopping! π πΏπ