Skip to content

πŸ›’ - NikeShoes-frontend - πŸ›’- This is frontend of a ecommerce that aim sell/buy nike shoes.

Notifications You must be signed in to change notification settings

Wesley-wsl/NikeShoes-frontend

Repository files navigation

πŸ›’ - NikeShoes-Frontend - πŸ›’

Demo πŸ“Έ


Application deploy with Vercel: πŸ’¨

https://nike-shoes-frontend.vercel.app

πŸ“– About the Project

NikeShoes-frontend - This is the frontend of an e-commerce that aims to sell/buy Nike sneakers, done with typescript and tests with jest to make sure that everything works well besides using its own backend to consume it in the application.

πŸ“— User Stories:

  • - Register an account
  • - Login with one account already exist
  • - Filter products by women's and men's shoes
  • - Put products in your cart
  • - Increment and decrement quantity products from cart
  • - Remove products from cart
  • - View the optimal layout for the app depending on their device's screen size.
  • - Keep track of any changes, even after refreshing the browser. (Full-Stack Application)
  • - Make checkout to buy shoes
  • - Logout your account

πŸ›  Technologies

  • Next.js
  • Styled-components
  • Styled-icons
  • Axios
  • Aos
  • Nookies
  • Nextjs-progressbar
  • React-toastify"
  • Eslint
  • Prettier
  • Typescript
  • EditorConfig
  • Cypress
  • Jest
  • πŸ’» How to run the application

    Pre-requisites:

    You must have the tools installed: Git, Node.js. And create a new file called: .env.local, that follow .env.example credentials example for connect with a api or execute backend this application.

    # In the terminal, clone the project:
    $ git clone https://github.com/Wesley-wsl/NikeShoes-frontend.git
    
    # Enter the project folder:
    $ cd NikeShoes-frontend
    
    # Install dependencies:
    $ yarn install
    or
    $ npm install
    
    # Run the application:
    $ yarn start
    or
    $ npm run start
    

    Okay, now you can access the application from the route: https://localhost:3000/