Code Monkey home page Code Monkey logo

surendrakumar878 / dear-attack-7758 Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 3.0 60.56 MB

The best online grocery store in India. wondermart is an online supermarket for all your daily needs. Online shopping now made easy with a wide range of groceries and home needs.

Home Page: https://wondermart.netlify.app/

HTML 0.28% CSS 9.17% JavaScript 90.56%
express-js express-middleware html-css-javascript mongodb-atlas mongoose nodejs reactjs reat-router-dom

dear-attack-7758's Introduction

Wondermart (Big basket CLONE)

Table of Content

  • About the project
  • Demo
  • User Features
  • Admin Features
  • Technologies
  • Status

About the project

This project is a web application for E-Commerce mostly focused on the functionality of user and admin sides named Wondermart developed by us. The purpose of building this project is for educational purposes. For more information scroll below. Thank You!

User Features

  • Login
  • Signup
  • Add to Cart
  • Product details
  • Searching products
  • Sorting
  • Filtering

Admin Features

  • Login
  • Toggle Stock availability
  • Change details of product
  • Sorting
  • Filtering
  • Adding new products

Demo

deployed link for demo:- https://wondermart.netlify.app/

Technologies

  • React Js
  • React Hooks
  • Redux
  • Redux-thunk
  • Redux-Persist
  • JavaScript
  • React BootStrap
  • Chakra-Ui
  • NPM Packages
  • API
  • CSS

ScreenShots

home page

product page

Status

This project is completed.

Final Words

Thank you for staying with me up to this point. Suggestions and feedbacks are always welcomed.😃

dear-attack-7758's People

Contributors

aarif-shazz avatar jeevan-aloor avatar lokesh-patidar avatar surendrakumar878 avatar

Stargazers

avatar avatar avatar

Watchers

avatar

Forkers

jeevan-aloor adityabr11 aarif-shazz

dear-attack-7758's Issues

Home page

  • homepage images

  • image sliding

  • alignment

Admin task-3

  • Fetch data from the database and display it on the UI
  • Create a reducer function along with an action.js file and an actionType.js file
  • Create required actions and types of action
  • Make crud operation with proper testing

day-5

  • div
  • css
  • components

Admin task-4

  • Complete the remaining functionality
  • cross-check functionality
  • Check responsiveness and manage the style sheet properly

Footer

  • Static footer
  • dynamic footer
  • responsive footer

Admin task-1

  • Admin home page
  • Admin navbar
  • Navbar sections:- admins, users, products, and add-products
  • Backend and database

day-3

  • div
  • css
  • components

signup

  • uisignup
  • api
  • resposiveness

Login

  • UIlogin
  • resposive
  • api intregration

Functionality

  • filtring,sorting fetching the data from backend with redux
  • add to cart functionality

day-4

  • div
  • css
  • components

Navbar

  • Static_Navbar
  • dynamic_Navbar

Admin task-2

  • Take data and display it over pages accordingly
  • Create a good UI
  • Make a responsive layout for different pages
  • Manage users and admins in their respective sections

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.