/NikeShoes-frontend

🛒 - NikeShoes-frontend - 🛒- This is frontend of a ecommerce that aim sell/buy nike shoes.

Primary LanguageTypeScript

🛒 - 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/