Skip to content

Client-side e-commerce store optimized for iOS screens built with React, Redux & MUI

Notifications You must be signed in to change notification settings

Alondradaisy/ecomm-shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SHOP RUTINA

AN E-COMMERCE SHOP BY DAISY

Dependencies locked in with YARN.

  • To start the frontend server: yarn start in CLI.
  • To spin up the backend server: nodemon src/server.js in CLI.

DESCRIPTION

Shop Rutina is a responsive and dynamic e-commerce app that allows users to shop at the convenience of their homes or on-the-go. The app is responsive to mobile phones and desktop, as well and light / dark modes.

Dark Reader is a great Chrome extension that enables users to customize screen preferences (on ALL sites with an on/off switch). Want to check it out, link is down below.

(https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en-US)

There are two main pages:

1. Home Page

2. Shopping Bag page

The store is organized to cater to user store shopping functionalities. A user has access to images of the items on card for easy access on a card, ability to add an item to a shopping bag, stores a bag with items that were added to their shopping bag right from the main home page. When the user clicks on the shopping bag, they're are more features available. It features the items that were added to with the image and name with a 'REMOVE FROM BAG' button to easily remove an unwanted item, displays the total price (active and functional as items may be removed from the bag), a 'CONTINUE SHOPPING' button that routes users back to the main page with items, an 'EMPTY BAG' button that clears the bag, and a 'CHECKOUT' button that pops up a notification that the order has been confirmed.

Checkout functionality could later be connected to Stripe's API.

SUPPORT & CONTACT DETAILS

If you run into any issues, feel free to contact me:

Technologies Used

  • MONGO DB
  • Express
  • React
  • Node
  • AWS S3
  • Material UI

Copyright (c) 2021 Daisy Warren

About

Client-side e-commerce store optimized for iOS screens built with React, Redux & MUI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published