Alquipo / Moveit
Licence: mit
🚀 NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios
Stars: ✭ 39
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Moveit
personal-blog
✍️ 个人技术博客
Stars: ✭ 79 (+102.56%)
Mutual labels: styled-components, jest, nextjs, storybook
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-17.95%)
Mutual labels: mongodb, axios, jest, storybook
Node Express Boilerplate
A boilerplate for building production-ready RESTful APIs using Node.js, Express, and Mongoose
Stars: ✭ 890 (+2182.05%)
Mutual labels: rest-api, mongodb, jest
react-component-library-lerna
Build your own React component library managed with lerna, presented with storybook and published in private npm registry.
Stars: ✭ 55 (+41.03%)
Mutual labels: styled-components, jest, storybook
vuetibook
Integrating Vue.js, Vuetify and Storybook
Stars: ✭ 16 (-58.97%)
Mutual labels: jest, storybook, axios
Nextjs Express Mongoose Crudify Boilerplate
Next.js (React) + Redux + Express REST API + MongoDB + Mongoose-Crudify boilerplate
Stars: ✭ 148 (+279.49%)
Mutual labels: rest-api, mongodb, nextjs
Autoserver
Create a full-featured REST/GraphQL API from a configuration file
Stars: ✭ 188 (+382.05%)
Mutual labels: rest-api, serverless, mongodb
medly-components
🧩 Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.
Stars: ✭ 66 (+69.23%)
Mutual labels: styled-components, jest, storybook
Coderplanets web
the most sexiest community for developers, build with React, Mobx/MST, GraphQL, Styled-Components, Rxjs, Ramda ... and ❤️
Stars: ✭ 314 (+705.13%)
Mutual labels: nextjs, jest, styled-components
Stackoverflow Clone
This project is a simplified a full stack clone of Stackoverflow.
Stars: ✭ 395 (+912.82%)
Mutual labels: mongodb, nextjs, storybook
Spring Boot Vuejs
Example project showing how to build a Spring Boot App providing a GUI with Vue.js
Stars: ✭ 1,818 (+4561.54%)
Mutual labels: rest-api, axios, jest
Firebase Gcp Examples
🔥 Firebase app architectures, languages, tools & some GCP things! React w Next.js, Svelte w Sapper, Cloud Functions, Cloud Run.
Stars: ✭ 470 (+1105.13%)
Mutual labels: serverless, firebase, nextjs
Rest
REST API generator with Node.js, Express and Mongoose
Stars: ✭ 1,663 (+4164.1%)
Mutual labels: rest-api, mongodb, jest
react-tools-for-better-angular-apps
Use React ecosystem for unified and top notch DX for angular developement
Stars: ✭ 30 (-23.08%)
Mutual labels: jest, storybook, axios
Tiledesk Server
Tiledesk server. Tiledesk is an Open Source Live Chat platform written in NodeJs and MongoDB
Stars: ✭ 94 (+141.03%)
Mutual labels: rest-api, mongodb, firebase
Space Cloud
Open source Firebase + Heroku to develop, scale and secure serverless apps on Kubernetes
Stars: ✭ 3,323 (+8420.51%)
Mutual labels: serverless, mongodb, firebase
Next Starter
Next.js Starter using GraphQL, MobX (Next.js, TypeScript, Babel, Express.js, Apollo Client, React Apollo, React Apollo Hooks, GraphQL Codegen, MobX, mobx-state-tree, styled-components, next-optimized-images, Serverless Framework, AWS Lambda, Dotenv)
Stars: ✭ 90 (+130.77%)
Mutual labels: serverless, nextjs, styled-components
Serverless Architectures Aws
The code repository for the Serverless Architectures on AWS book
Stars: ✭ 120 (+207.69%)
Mutual labels: serverless, serverless-applications, firebase
Material Kit React
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
Stars: ✭ 3,465 (+8784.62%)
Mutual labels: firebase, firebase-auth, nextjs
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+11094.87%)
Mutual labels: serverless, firebase, styled-components
🚧 MoveIt 2.0 | Em Construção 🚧
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
Theme Dark
Theme Light
Storybook e 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:
- TypeScript
- NextJS
- Firebase
- Mongodb
- Axios
- Styled Components
- Jest
- React Testing Library
- Storybook
- Eslint
- Prettier
- Husky
- PlopJS
- Polished
- Styled-Icons
🔎 Comandos
-
dev
: Executa a aplicação emlocalhost: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 emlocalhost: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!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].