/rocketshoes

A fake shoe store ecommerce made with next.js and the React context api, stylized with styled components. Challenge proposed by Rocketseat

Primary LanguageTypeScriptMIT LicenseMIT


Rocketshoes

Made by Thales Macena Top Language Last Commits Top Language

🗂 Table of Contents

📑 About

Rocketshoes is a fake ecommerce from a shoe store, made using Next.js and React's Context API. The project was stylized using styled-components. You can see using the application in real time

In the application you can select as many products as you want and follow the cart, as long as there are still products in stock. The application calculates the subtotal of each product and the total purchase.

🕵️‍♂️ view the project

👉 https://rocketshoes-thalesmacena.vercel.app/

💻 Technologies

Yarn

React

Next.js

Styled Components

✨ Installation

Open a terminal and run the following commands:

# To copy this repository
git clone https://github.com/thalesmacena/rocketshoes.git

# To move to project directory
cd rocketshoes

# To install the dependencies
yarn

🔥 Running

You can run the application in development mode with the command:

# To run
yarn dev

Or build and run with the commands:

yarn build
yarn start

The application will run on localhost:3000

🏃 Next Steps

  • Built with Context Api instead of redux
  • Products as Server Side Props
  • Improving the Modal
  • Light Theme
  • Put option for product freight calculation
  • Responsive Cart