Code Monkey home page Code Monkey logo

eshop-react-app's Introduction

Eshop React App

This is a personal project that involves creating a simple React Application that mimics a shopping website.

Includes:

  • Real Authenticaion Using:
    • Google Auth
    • Local Authentication (username + password)
  • Mock Inventory Items With:
    • Pictures
    • Prices
    • Reviews
  • Home Page:
    • Suggests 'popular' or random items
  • Navigation:
    • Filter items by category
    • See current orders
  • Shopping Cart Where the User Can:
    • Add Items
    • Remove Items
    • View the Cart's Items and Total Price
  • Checkout
    • Shows cart total
    • Asks for shipping address
    • Shows fake shipping costs
    • Asks for fake payment method
    • Sends a confirmation email

Backend will probably be written in Go.

eshop-react-app's People

Watchers

James Cloos avatar Steven Kaufman avatar

eshop-react-app's Issues

Inventory Items

Add dummy inventory items with prices, pictures, and reviews

Dockerize

Dockerize the app, set up continuous deployment to Digital Ocean droplet (steve-kaufman.com)

Add to Cart

Add the ability to add inventory items to the cart

Navigation Bar

Add a navigation feature that lets the user filter items by category

Add/Remove Cart Items

Add the ability to add and remove inventory items to and from the user's cart.

Duplicate items in the cart should not be allowed, but users should be able to change the quantity that they want.

Orders Page

Add a page where users can see their current orders

Cart Page

Add a cart page where users can view their current cart, including the items that are in it and the total price of the cart

Checkout Page

Add the checkout 'page', which will probably be more than one page, which shows the cart total, asks for the user's shipping address and billing address, shows some fake shipping cost, and asks for a dummy payment method.

Local Auth

Add local authentication (with username and password)

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.