andrademech / verttice-desafio-junior

Verttice Challenge Junior Front-end Developer

Verttice Challenge

This project was build using React and TypeScript.

Deploy

https://verttice-challenge.vercel.app/

Check it out!

Git clone

On your terminal, run the following command:

git clone https://github.com/andrademech/verttice-challenge

Available Scripts

In the project directory, you can run:

npm install

npm run dev

Technologies used

• TypeScript
• Vite
• React
• Phosphor-react
• Styled-components
• Eslint
• React-router-dom

Detalhes do projeto

• Este projeto foi desenvolvido com o intuito de demonstrar minhas habilidades com React e TypeScript.
• Foi usado o Vite para criar o projeto, pois ele é mais rápido que o CRA e também é mais leve.
• Foi usado um template de imagens para o React, que é o Phosphor-react, pois ele é bem completo e possui muitos componentes.
• Foi usado o React-router-dom, com a opção de layout, para criar as rotas da aplicação, deixando o código mais limpo e organizado.

• Também foi usado o Outlet para renderizar os componentes de acordo com a rota, e também para evitar renderização desnecessária. O que é muito importante para aplicações que possuem muitas rotas.

• O sistema de organização de pastas foi montado com o intuito de deixar o código mais limpo e organizado, e também para facilitar a manutenção do projeto.