Skip to content

krzano/shoppy

Repository files navigation

Shoppy logo


Shoppy - an online shop with consumer electronics

Live demo:   https://krzano-shoppy.netlify.app/

Technologies

Project is built with:

  • React 18
  • React Router 6
  • Redux Toolkit
  • styled components
  • Supabase
    • user authentication
    • products database
  • Formik
    • forms
  • Yup
    • forms validation
  • React-Toastify
    • toast notifications
  • Swiper

Screenshots

Landing page

desktop landing page

List of products

desktop list of products

Product page

desktop product page

Cart

desktop cart gif

RWD

The app layout is fully responsive, you can see some examples of the mobile view below:

mobile landing page and cart gif mobile list of products and product page gif

Setup

Download or clone this repository.

Install dependencies:

npm install

Start a local web server by running:

npm run dev

Open http://localhost:5173 to view it in the browser.