Demo

Ignite Lab - Design System

Status

Finished

---

Sobre   |   Telas   |   Funcionalidades   |   Tecnologias   |   Requisitos   |   Iniciando   |   Schemas   |   Licença   |   Autor

😸 Sobre

Projeto desenvolvido durante as aulas do Ignite Design System patrocinado pela Rocketseat. Neste evento vimos como usar tecnologias atuais e poderosas na construção de sistemas simples ou avançados, projeto bem simples, porem o objetivo maior é colocar em prática poliformismo com Slot do Radix Ui junto com Storybook realizando test unitario com Jest também!

Telas da aplicação

Tela Login Desktop##

Tela Login Mobile##

🛹 Funcionalidades

✔️ Efeturar Login\

🚀 Tecnologias

Abaixo poderá ter acesso às principais tecnologias usadas neste projeto

• ReactJs
• Radix-Ui
• Phosphor-react
• Clsx
• TypeScript
• MSW
• MSW-storybook-addon
• Storybook-Addon-Interactions
• Storybook
• Tailwindcss
• Vite
• Babel-loader
• PostCss

✅ Requisitos para rodar a aplicação

Antes de iniciar 🏁, você precisa ter Git e Node instalado em seu sistema operacional.

🏁 Iniciando

# Clone este projeto
$ git clone https://github.com/juniorvilas/Ignite-Lab-Design-System

# Acesse
$ cd/Ignite-Lab-Design-System

# Instale as dependências
$ npm i

# Execute o projeto
$ npm run dev

# O projeto será inicializado em <exp://192.168.1.26:19000> ou < http://localhost:5173/>

📡 Material complementar para o projeto

Figma

📝 Licença

Este projeto está sob licença MIT. Para mais informações acesse LICENSE.

Feito com ❤️ por Carlindo Junior

 

Voltar ao topo