Heeey, Conta Azul!!!

Getting Started

Clone the repository, open its folder and install dependencies with:

• yarn

Run it using

• yarn dev

Verify the TypeScript and ESLint

• yarn tsc && lint

Run build

• yarn build

Layout

Screen Desktop

Screen Mobile

Screen with loading

Screen with errors

Techs

• TypeScript - for static type checking
• NextJs - framework react
• Vercel - deploy
• styled-component - CSS for styling React component
• styled-media-query - @media for styled-components
• SWR - hooks for data fetching
• polished - lightweight toolset
• ESLint - for code linting
• Prettier - for code formatting
• Weather API - forecast weather data collection
• Jest - JavaScript Testing Framework
• React Testing Library - DOM Testing Library

Deploy