Skip to content

πŸ… A pomodoro based app that help you to be productive and healthy. Both at the same time.

License

Notifications You must be signed in to change notification settings

cristianprochnow/move-it

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

89 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Move.it Version

Languages License App version Bootcamp

The best way to be productive and healthy. Both at the same time.

Move.it mockup

β–Ά Demonstration

Move.it 1.0 β†’

πŸ“š About

Moveit is a pomodoro based app that help you to stay healthy during working time being totally productive.

With this app, you are able to work between "25 minutes" periods, and the gain experience and levels, like a game.

This project can offers productivity, health and fun, all at the same time! πŸ˜‹

πŸ›  Build with

πŸ“‘ Features

  • Countdown for 25 minutes sessions (like pomodoro principles)
  • Improve your levels based on your current experience
  • Gain experience with each completed challenge
  • Unlock a different challenge each time the countdown finishes
  • Notification to alert about a new challenge

πŸ’‘ What I learned

  • Use Context API from React.js
  • Define and implement font-size focused on acessibility
  • Concepts and use of Next.js framework
  • Use Notification API at Browser
  • Use Audio API at Browser
  • Upload a Next.js app into the web
  • Concepts related to SEO
  • Quick implement a MongoDB connection
  • Next.js Rest API routing
  • Use mongodb drive
  • Use Server Side Rendering with Next.js to predefine data
  • Create and use dynamic routes at Next.js
  • Manage cookies in the web application
  • Use useSWR hook

πŸ”₯ Getting started

βš™ Prerequisites

To run this project you must have Node.js installed in your machine.

The Yarn package manager is optional. Based on the NPM, it is a bit different at some factors, improving some issues that NPM would have. But, if you desire, can use NPM without doubt, currently they are practically worth.

⚑ Setup

Database connection (MongoDB)

Create a .env file at project root directory and insert the code below:

MONGOBD_URI=<yourMongoDBConnectionURL>

To fill MONGODB_URI, create an account into MongoBD Atlas, then create a database with name you desire and use connection URI offered by the site to connect with your client.

For more informations about the steps, access MongoDB Documentation.

Run website

Node (NPM)

npm install

npm run dev

Yarn

yarn

yarn dev

🀟🏼 Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. 🍴 Fork the Project
  2. πŸ‘― Clone this project (git clone https://github.com/cristianprochnow/move-it.git)
  3. πŸ”€ Create your Feature Branch (git checkout -b my-feature)
  4. βœ”οΈ Commit your Changes (git commit -m 'feat: My new feature')
  5. πŸ“Œ Push to the Branch (git push origin my-feature)
  6. πŸ” Open a Pull Request

πŸ“ž Contact

LinkedIn

πŸ“œ License

This project is under MIT License. Check LICENSE for more details.

About

πŸ… A pomodoro based app that help you to be productive and healthy. Both at the same time.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published