Giter Club home page Giter Club logo

preetiraj3697 / sheela_ecommerce_website Goto Github PK

View Code? Open in Web Editor NEW
46.0 3.0 10.0 1.66 MB

This website name is my mom name. It's an eCommerce app inspired by Amazon, a sample website built to demonstrate the use of Modern Web development tools

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

License: MIT License

HTML 2.03% JavaScript 96.88% CSS 1.10%
react reactjs router axios-react context-api product-page react-icons reducers styled-components contact-form

sheela_ecommerce_website's Introduction

Welcome to Sheela Store { This store insprition is my mom} Ecommerce Website

GitHub GitHub stars GitHub forks Logo Logo Logo Logo Logo Logo Logo Logo

Features:

Here's features included in this project
  • Add to cart functionality
  • Shopping cart functionality
  • Product Filtering functionality
  • Product page with all sorting and searching
  • Singal Product page With Additional images change functionality
  • Cart and checkout page
  • Contact page
  • Login and Register page
  • Awesome modern minimalist UI
  • Go To Top on Page Functionality

Technologies Used:

  1. React.js
  2. React Router
  3. Redux

For Styling

  1. Styled Components

For login and Registration

  1. Auth0

Links

  1. Netlify https://sheelastore.netlify.app
  2. vercel https://sheela-ecommerce-website.vercel.app

How to start?

To start the project along with me just download the start-up file and run available script
// first install all necessary dependencies

npm i

// next run

npm start

Project Look Like

Alt text Alt text Alt text Alt text

sheelawebsite_ZltQLELX.mp4

sheela_ecommerce_website's People

Contributors

preetiraj3697 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

rockamit ambika2002 alifiroozidev anilphugare1 dylancarver9706 paarth07 elham-en yashsinghhh toyaja312 jacques-fresco

sheela_ecommerce_website's Issues

Cart Page

  • Add product detail
  • Add product image
  • Add how many quantity user want
  • Add increase button to increase quantity
  • Add decrease button to decrease quantity of product
  • Add subtotal of product
  • Add clear button on table to clear only those product don't want
  • Add clear Add to cart button to clear all cart
  • Add continue shopping to redirect to product page
  • Add Shopping fee
  • Add total with subtotal + shopping Fee

Navbar

  • Project Logo
  • Home
  • About
  • Product
  • Contact
  • Login/Logout
  • Cart(Icon)

Home Page

  • Navbar
  • Hero section
  • SHOP NOW Button redirect to product page
  • Our Featured
  • Random div
  • Trusted By 1000+ Companies
  • Footer

Add Checkout Page

  • Add From
    • Add user name
    • Add user Email
    • Add country
    • Add state
    • Add zip/postal code
  • Payment Method
    • cart number
    • expiration date
    • year
    • security code
    • PayPal/Paytm/GPay/bhartpay
    • Place order button
  • Cart Summary
    • Products name
    • Products Total
    • Shopping Fee
    • Total Amout
    • Discount
    • Coupon Code
  • IMPORTANT
  • Form Validation

Contact-page

  • Add message
  • Add map
  • Add form to fill
    • Email
    • name
    • message
    • Add send button
  • Add Footer
  • Add GotoTop Button.
  • Add navbar.

Single-Product-Page

  • Add addition image of product
  • Add function -> Change image when user click any image.
  • Add
    • Title
    • name
    • description
    • quantity
    • Star
    • reviews
    • Add to cart button
    • Add to buy button
    • Add MRP
    • Deal of the Day
  • Add increase quantity button
  • Add decrease quantity button
  • Add color
  • Add static Description, SPECIFICATION, QUICK LINKS
  • Add minimum quantity 1 product
  • Add maximum quantity in stock quantity
  • Add GoToTop button.
  • Add Footer
  • Add Navbar

Login/Logout-Page

  • Add Auth0
  • Add GitHub Login Button
  • Add Google Email Login Button
  • Add Email input
  • Add Password input
  • Add Form
  • if user Login button change Logout
  • User name show in navbar
  • User name and Email show on Cart page
  • User name and Email already add in Contact page for user interface easy.

About page

  • Navbar
  • Hero section
  • SHOP NOW Button redirect to product page
  • Footer

Product-Page

  • Product Show grid from
  • 3 product in one row
  • Sort with name
  • Sort with Price
  • Sort with company
  • Search with name
  • Sort with category
  • Sort with asc and dsc price
  • Sort with A-z or z-A.
  • Sort with color
  • Add List from of Product
  • Add Clear filter Button
  • Add Footer
  • Add navbar
  • Add GoToTop Button

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.