Navegação rapida
Sobre • Layout • Como executar • Tecnologias • Autor • Licença
📔 Design System - Ignite Lab
Projeto desenvolvido durante o Ignite Lab oferecida pela Rocketseat. O Ignite Lab foi uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo ficou disponível durante três dias.
O layout da aplicação está disponível no Figma:
Clique aqui para visualizar o formulário
Clique aqui para visualizar o Storybook
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.
Instale a versão LTS do Node.JS
Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone https://github.com/Rafeso/ignite-lab.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd ignite-lab
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação será aberta na porta:5173 - acesse http://localhost:5173
# Clone este repositório
$ git clone https://github.com/Rafeso/ignite-lab.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd ignite-lab
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run storybook
# Se desejar pode executar o comando test (Só funciona quando o storybook está aberto no localhost)
$ npm run test
# A aplicação será aberta na porta:6006 - acesse http://localhost:6006
As seguintes ferramentas foram usadas na construção do projeto:
Veja o arquivo package.json
- Protótipo: Figma → Protótipo (Ignite Lab - Design System)
- Editor: Visual Studio Code → Extensions: Tailwind CSS IntelliSense, PostCSS Language Support
- Markdown: StackEdit
- Teste de Componentes: MSW
- Ícones: Phosphor Icons
- Fontes: Inter
Este repositório está aberto a contribuições! qualquer tipo de contribuição será muito bem vinda.
Se você quer contribuir, por favor siga esses passos a seguir:
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Caso tenha qualquer duvida sobre como contribuir para projetos no github.
Rafael Feitosa ☕
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Rafael Feitosa 👋🏽 Entre em contato!