eric-vantunes / frontend-challenge

Rocketseat challenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Capputeeno

Welcome! This respostitory contains my solution for Rocketseat´s open source Frontend Challenge.

Prototype

👨🏻‍💻 About

The challenge is to implement an e-commerce for the sale of mugs and t-shirts that should have the following functionalities:

  • Product catalog with pagination
  • Filter products by category
  • Search by product name
  • Add and remove products from cart
  • Checkout

📋 Requirements

  • Follow this prototype
  • Use Next.js and Typescript
  • Create components with styled-components
  • consume from the provided GraphQL API

🔧 Technologies

  • Next.js
  • Typescript
  • Styled Components
  • GraphQL

🖥️ Installation

Frontend

  1. Clone this repo
git clone https://github.com/eric-vantunes/frontend-challenge.git
  1. Go to the project folder
cd challenge-frontend
cd capputeeno
  1. Install dependencies
npm install
  1. Run Frontend
npm run dev

Running the API

  1. Go to the API folder
cd challenge-frontend
cd api
  1. Install dependencies
npm install
  1. Run start
npm start

About

Rocketseat challenge


Languages

Language:TypeScript 87.3%Language:JavaScript 11.2%Language:CSS 1.6%