https://github.com/mateusdeitos/bossabox-desafio-frontend

This was a frontend challenge proposed by BossaBox which consists in a crud to manipulate useful tools
https://github.com/mateusdeitos/bossabox-desafio-frontend

react reactjs styled-components typescript

Last synced: 6 days ago
JSON representation

This was a frontend challenge proposed by BossaBox which consists in a crud to manipulate useful tools

• Host: GitHub
• URL: https://github.com/mateusdeitos/bossabox-desafio-frontend
• Owner: mateusdeitos
• Created: 2021-01-13T19:57:07.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-30T01:46:01.000Z (over 3 years ago)
• Last Synced: 2023-03-07T16:12:33.828Z (over 1 year ago)
• Topics: react, reactjs, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 925 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# O que é esse repositório?

VUTTR -> Very Useful Tools To Remember é um desafio de frontend proposto pela bossabox. A aplicação consiste em um web app para armazenar ferramentas úteis como google keep, notion, etc.

# Features

- React

- Typescript

- Styled-components

- Darkmode com Themeprovider do styled-components

- Mobile first

# Link de acesso

https://bossabox-desafio-frontend.vercel.app/

# Como rodar

## Variáveis de ambiente

Ajuste a variável `REACT_APP_API_URL` para o endereço da API

## Comandos

**build:** `yarn buid`

**iniciar:** `yarn start`

# Estrutura do projeto

**src/assets:** Recursos estáticos como imagens, ícones

**src/components:** Componentes reaproveitáveis como inputs, buttons, paginação, etc.

**src/hooks:** Hooks customizados para auxiliar em algumas funcionalidades como: exibição de banners, dark mode, buscar dados na API, etc.

**src/pages:** Páginas da aplicação

**src/routes:** Arquivo de rotas da aplicação usando react-router-dom

**src/services:** Arquivo de configuração das chamadas à API

**src/styles:** Estilização global e funções úteis para utilizar com o styled-components

**src/utils:** Algumas funções úteis para utilizar na aplicação