🚀 NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios
MoveIt e uma aplicação para incentivar quem fica horas no computador a se exercitar, usando o método pomodoro, a cada 25 minutos concentrado no trabalho ele terá uma pausa para efetuar um pequeno exercício e com adição da gamificação na aplicação tudo fica mais divertido.
Design feito por Tiago Luchtenberg
-Adicionado api serverless na aplicação;
-Adicionado autenticação com github via Auth0;
-Adicionado Firebase para efetuar autenticação;
-Adicionado mongodb para salvar informações;
-Adicionado pagina de Leaderboard na aplicação;
-Adicionado theme dark na aplicação;
-Adicionado save theme no localStorage;
-Adicionado Switch para alterar os themes;
-Adicionado Toast como notificação;
-Adicionado Test com Jest;
-Adicionado storybook para os component;
-Adicionado opção de PWA na aplicação;
-Adicionado Ícones para representar os botões;
-Adicionado uma SideBar
-Adicionado component para SEO;
-Efetuado diversos ajustes no designer da aplicação;
-Efetuado ajustes para o mobile e PWA;
-Melhorar a SSR da aplicação
-Ajustar autenticação no Mobile
-Ajustar designer do app para Mobile
-Adicionar compartilhar com Redes Sociais
-Concluir os testes
-Ajustes no Storybook
dev
: Executa a aplicação em localhost:3000
build
: Cria a Build do projetostart
: Inicia um servidor simples com o código de produçãolint
: Executa o Linter em todos os componentes e páginastest
: Executa Jest para testar todos os componentes e páginastest:watch
: Executa Jest em watch modestorybook
: Executa Storybook em localhost:6006
build-storybook
: Cria uma build do storybookgenerate
: Cria automaticamente um componentePara clonar e executar este aplicativo, você precisará de Git e NodeJs Instalado em seu computador.
# Clone este repositório
$ git clone https://github.com/Alquipo/moveit
# Acesse a pasta do projeto no terminal/cmd
$ cd moveit
# Instale as dependências
$ yarn install
# Execute a Aplicação em Desenvolvimento
$ yarn dev
# O servidor inciará na porta:3000 - acesse http://localhost:3000
#Criação de um componente completo com (index.tsx / stories.tsx / styles.ts / test.tsx)
$ yarn generate ComponentName
#Rodar o Storybook
$ yarn storybook
#Rodar os testes
$ yarn test
#adicionado .env.example no projeto, lembrar de adicionar as variáveis de ambiente conforme o exemplo
# FIREBASE
NEXT_PUBLIC_APIKEY=
NEXT_PUBLIC_AUTHDOMAIN=
NEXT_PUBLIC_PROJECTID=
NEXT_PUBLIC_STORAGEBUCKET=
NEXT_PUBLIC_MESSAGINGSENDERID=
NEXT_PUBLIC_APPID=
NEXT_PUBLIC_MEASUREMENTID=
# MONGODB
MONGODB_URI=
# API URLS
BASE_URL=
git checkout -b my-feature
git commit -m "feature: My new feature"
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Este projeto esta sobe a licença MIT. Veja a LICENÇA para saber mais.
Feito com ❤️ por Alquipo Neto 👋🏽 Entre em contato!