thalesmacena / rocketshoes

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

Home Page:rocketshoes-git-master-thalesmacena.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ—‚ 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

About

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

rocketshoes-git-master-thalesmacena.vercel.app

License:MIT License


Languages

Language:TypeScript 98.9%Language:JavaScript 1.1%