Awesome Open Source
Awesome Open Source

MoveIt Logo

šŸš§ MoveIt 2.0 | Em ConstruĆ§Ć£o šŸš§

GitHub language count Repository size Made by Alquipo GitHub last commit License CI Workflow

ReactJS NextJS

Bem Vindo ao App MoveIt 2.0

šŸš€ Sobre o Projeto

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.

šŸŽØ Layout

Design feito por Tiago Luchtenberg

Web

ExampleWeb

Theme Dark

home-dark dashboard-dark challenges-dark challenges-completed-dark leaderboard

Theme Light

home-light dashboard-light challenges-light challenges-completed-light leaderboard


Storybook e Test

Example Test Example Test


šŸŽ‰ Melhorias na AplicaĆ§Ć£o

-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;

šŸŽ– Milestone

-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

šŸ”Ø Tecnologias:

šŸ”Ž Comandos

  • dev: Executa a aplicaĆ§Ć£o em localhost:3000
  • build: Cria a Build do projeto
  • start: Inicia um servidor simples com o cĆ³digo de produĆ§Ć£o
  • lint: Executa o Linter em todos os componentes e pĆ”ginas
  • test: Executa Jest para testar todos os componentes e pĆ”ginas
  • test:watch: Executa Jest em watch mode
  • storybook: Executa Storybook em localhost:6006
  • build-storybook: Cria uma build do storybook
  • generate: Cria automaticamente um componente

šŸš€ Como rodar este projeto

Para clonar e executar este aplicativo, vocĆŖ precisarĆ” de Git e NodeJs Instalado em seu computador.

šŸŒ€ Clonando o repositĆ³rio

# Clone este repositĆ³rio
$ git clone https://github.com/Alquipo/moveit

# Acesse a pasta do projeto no terminal/cmd
$ cd moveit

šŸŽ² Rodando a AplicaĆ§Ć£o

# Instale as dependĆŖncias
$ yarn install

# Execute a AplicaĆ§Ć£o em Desenvolvimento
$ yarn dev

# O servidor inciarĆ” na porta:3000 - acesse http://localhost:3000

šŸ’¾ Comandos ƚteis

#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

šŸ“ ConfiguraĆ§Ć£o .ENV

#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=


šŸ¤” Como contribuir para o projeto

  • 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

šŸ“ LicenƧa

Este projeto esta sobe a licenƧa MIT. Veja a LICENƇA para saber mais.

Feito com ā¤ļø por Alquipo Neto šŸ‘‹šŸ½ Entre em contato!


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (12,070)Ā 
react (5,572)Ā 
mongodb (831)Ā 
serverless (673)Ā 
rest-api (571)Ā 
firebase (501)Ā 
nextjs (362)Ā 
jest (291)Ā 
axios (257)Ā 
styled-components (241)Ā 
storybook (112)Ā 
firebase-auth (78)Ā 
serverless-applications (18)Ā