Criando um front-end totalmente componentizado na prática com ReactJS.

Sumário

Descrição
Tecnologias utilizadas
Instruções para rodar o projeto
Organização e estruturação do projeto
Desenvolvimento
Resultado

Descrição do Projeto

Desafio para o Curso do Bootcamp Impulso Javascript Evolution.

Tecnologias Utilizadas

Instruções para rodar o projeto

Será necessário ter instalado na sua máquina:

Git
React
Node v6.0.0^

Clone o repositório com o comando git clone:

git clone ------

Entre no diretório que acabou de ser criado:

cd git

Para o projeto funcionar na sua máquina, será necessário instalar suas dependências, para isso, utilize o comando npm install:

npm install

Pronto, agora o projeto está pronto para ser rodado localmente, utilizando o comando npm run dev:

npm run dev

Organização e estruturação do projeto

O projeto está organizado e estruturado da seguinte forma:

      ├── README.md
      ├── index.html
      ├── src
      |     ├── assets
      |     |       ├── logo.svg
      |     |       ├── git.webp
      |     ├── components
      |     |       ├── Container.tsx
      |     |       ├── Footer.tsx
      |     |       ├── Header.tsx
      |     |       ├── ItemList.tsx
      |     |       ├── ItemLink.tsx
      |     ├── interfaces
      |     |       ├── User.ts
      |     ├── pages
      |     |       ├── Home.tsx
      |     |       ├── Profile.tsx
      |     ├── service
      |     |       ├── api.ts
      |     ├── utils
      |     |       ├── index.ts
      |     ├── App.tsx
      |     ├── index.tsx

Desenvolvimento

Fetch

Para realizar o fetch no banco de dados da API, foi utilizado o client HTTP Axios.

Estilização

Para realizar a estilização, foi utilizado o framework Tailwindcss.

Icones

Os ícones utilizados foram os da biblioteca Phosphor Icons

Resultado

Página Home

Página Profile

🦄 Autor

_{Flaviane Brum}

Flaviane-Brum/desafio-dio-react