Preview👀 | How to run🔧 | Dependencies➕ | Features🌟 | LIVE-DEMO🚀

---

Move.it 2.0 💻

Move.it is an app that combines Pomodoro's technique with physical exercises for those who spend a lot of time in front of the computer.

O move.it é um app que une a técnica de Pomodoro com a realização de exercícios físicos para quem passa muito tempo na frente do computador.

✨ Technology/ Tecnologias

This project was developed with the following technologies

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React ⚛
• Next.js
• TypeScript

What the app looks like/ Aparencia da aplicacao 🙈

---

How to run the app/ Como executar o aplicativo 🚀

1. Either click on the link on the right panel or fork/download the app and open the folder in the CLI
2. Install all dependecies using the 'yarn add' command
3. Start the web server using the 'yarn dev'. The app will be served at http://localhost:3000
4. Go to http://localhost:3000 on your browser and start exploring repos
   
   

• Clique no link no painel direito ou bifurque / baixe o aplicativo e abra a pasta na CLI
• Instale todas as dependências usando o comando 'yarn add'
• Inicie o servidor web usando o 'yarn start'. O aplicativo será servido em http://localhost:3000
• Vá para http://localhost:3000 em seu navegador e comece a explorar repositórios

How to explore / Como explorar a app 🔀

1. Type your Git username on the main screen
2. Choose your method/time
3. Start your cycle
4. Click on "Completei" if you have accomplished the challenge
5. If you didnt accomplish click on "Falhei" and start the Cycle again
6. *NEW* Choose cycle method on sidebar
7. *NEW* Logout
   
   

User stories

Users should be able to:

• Use Their Git name and Git avatar on the app
• Level up accomplishing challenges
• View their current XP and how many XP they need to level up
• Abandon cycle

• **NEW** Choose Cycle method
• **NEW** Logout

Features 💎

Grab user name and photo through gitname Interactive Countdown Notification and sound for each challenge completed

• *NEW* Sidebar
• *NEW* Cycle methods
• *NEW* Logout

Dependecies 💾

react	nextjs	cookie-js	axios
typescript	vercel	react-icons	Chakra

Why

This project is part of my personall portfolio. It was built based on Rocketseatdesign.

Email: tsenane14@gmail.com	Find me on Linkedin

UI/UX credits: Rocketseat

Future Features 🎲

• Choose Language
• CountDown Options
• Dark Mode
• Save data to server

---

|

🔝Top	Preview⬆	How to run⬆	Dependencies⬆	Features⬆