Coder Social home page Coder Social logo

santhoshs50 / frontend Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 10.91 MB

Wonder_Aqua_Garden_FE

Home Page: https://frontend-omega-eight-94.vercel.app

HTML 1.05% CSS 4.74% JavaScript 94.20%
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

frontend's Introduction

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.

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, GitHub

Thank 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! πŸ πŸŒΏπŸ›’

frontend's People

Contributors

santhoshs50 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.