Move.it is a project created by Rocketseat initially to be a platform that combines the technique of pomodoro, which consists of alternating cycles of focus and rest, with exercises for well-being for those who spend many hours in front of a computer, which can be harmful to health when you do no exercise or take periods of rest!
Table of Contents
๐ Getting Started
Prerequisites
-
To run any ReactJS application you need to configure the environment on your machine.
-
Setting the environment is a simple process, so it's recommended to follow the Rocketseat guide which is currently the most complete and detailed to make the settings:
Rocketseat Guide
Clone
- Clone this repo to your local machine using:
https://github.com/csorlandi/study-moveit-frontend
Setup
-
Install project dependencies;
-
yarn install // or npm install
-
-
Run project in development mode;
-
yarn dev // or npm run dev
-
-
Be Happy!
๐
โ Challenges
- Create Documentation
- GIF
- Example Video
- Awesome Readme
- Techs used
- Project Setup
- Features
- Pages Prints
- Improve Styles
- Few adjustments to make the style equal to the layout
- Add Media queries
- Create Theme Switcher
- Create Dark Theme
- Add PWA Feature
- Timer to drop the current cycle
- move.it 2.0
- Few adjustments to make the style equal to the layout
- SignIn Page
- Github login
- Sidebar Menu
- Leaderboard
- Twitter Sharing Button
- Generate Twitter thumb to share
๐ Features
Documentation
- WIP ...
Build with
- ReactJS - A JavaScript library for building user interfaces
- Typescript - TypeScript is an open-source language which builds on JavaScript, one of the worldโs most used tools, by adding static type definitions.
- Next.JS - Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
๐ค Contributing
To get started...
Step 1
๐ด Fork this repo!
Step 2
๐ฏ Clone this repo to your local machine usinghttps://github.com/csorlandi/study-moveit-frontend
Step 3
๐ Create your feature branch usinggit checkout -b my-feature
Step 4
โ Commit your changes usinggit commit -m 'feat: My new feature'
;
Step 5
๐ Push to the branch usinggit push origin my-feature
;
Step 6
๐ Create a new pull request
After your Pull Request is merged, can you delete your feature branch.
๐ Support
Reach out to me at one of the following places!
- Linktree at @csorlandi
- Linkedin at Claudio Orlandi
- Youtube at Claudio Orlandi
๐ License
This project is licensed under the MIT License - see the LICENSE file for details.
Made with