Next Level Week #4 / Move.it

Saving developers health whereas they save the code in production
View Templates · View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact

About The Project

This is not a project for commercial aims but served me as a practical introduction to web technologies. This project was partially developed together with the Rockseat team during the fourth Next Level Week edition for educational aims. Further changes after release v1.0.0 were implemented on my own. Those changes introduce inter alias the following functionalities:

• Users can now Log In by using GitHub username; [done!]
• Users can persist their own info (level, current XP, etc.) in MongoDB; [done!]
• Users can use this app as a PWA; and [done!]
• Users can share on Twiter their Ranking position. [in progress]

Move.it

Move.it is a web application to assist people who work seated throughout their journey. By using gamification principles where users can grow up their level while accumulate experience, Move.it randomly generates a challenge after 25min that requires the user to execute an ergometry exercise involving part of his or her body or eyes. If such a challenge is completed, the user gains experience. All these challenges were obtained from a safe source regarding the benefit of health.

Here is how to use the app in current version:

• When you get ready to start your journey, access the Move.it and click on the blue button "Start a cycle";
• When the countdown finishes, a new challenge will show for you on the left. If you execute it, then click on the button "complete"; otherwise, click on the button "fail";
• As more you complete the challenges, your experience bar grows up until you level up.

Of course: fair play!

Built With

This section lists any major frameworks that I built this project using.

• ReactJs
• Next.js

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

Make sure you have installed Node. Install NPM or Yarn.

• npm

  npm install npm@latest -g

• yarn

  npm install yarn@latest -g

Installation

1. Clone the repo

   git clone https://github.com/danielpcampagna/next-level-week-4

2. Install NPM packages

   yarn install

Usage

Start the service and access localhost:3000

yarn dev

Roadmap

See the open issues for a list of proposed features (and known issues).

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. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Your Name - @danielpcampagna - [email protected]