https://github.com/cssorlandi/moveit
Move.it is a project that combines the pomodoro (🍅 ) technique with some challenges (⚔️ ) for the well-being (🥰 ) of those who spend many hours (⏳ ) using the computer 🖥
https://github.com/cssorlandi/moveit
challanges context-api countdown css css3 html html5 nextjs nextlevelweek react reactjs
Last synced: 3 months ago
JSON representation
Move.it is a project that combines the pomodoro (🍅 ) technique with some challenges (⚔️ ) for the well-being (🥰 ) of those who spend many hours (⏳ ) using the computer 🖥
- Host: GitHub
- URL: https://github.com/cssorlandi/moveit
- Owner: cssorlandi
- License: mit
- Created: 2021-02-23T00:14:50.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T21:23:37.000Z (almost 3 years ago)
- Last Synced: 2025-07-14T21:02:47.820Z (6 months ago)
- Topics: challanges, context-api, countdown, css, css3, html, html5, nextjs, nextlevelweek, react, reactjs
- Language: TypeScript
- Homepage: moveit-frontend-csorlandi.vercel.app
- Size: 1.08 MB
- Stars: 13
- Watchers: 3
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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**](https://www.notion.so/Configura-es-do-ambiente-React-76f2963a042f45b9b9b567a2795945b8)
### Clone
- Clone this repo to your local machine using:
```
https://github.com/csorlandi/study-moveit-frontend
```
### Setup
- Install project dependencies;
- ```javascript
yarn install
// or
npm install
```
- Run project in development mode;
- ```javascript
yarn dev
// or
npm run dev
```
- Be Happy! 😆
---
## ⚔ Challenges
- [ ] Create Documentation
- [ ] GIF
- [ ] Example Video
- [x] Awesome Readme
- [x] Techs used
- [x] Project Setup
- [ ] Features
- [x] 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](https://reactjs.org/) - A JavaScript library for building user interfaces
- [Typescript](https://www.typescriptlang.org/) - 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](https://nextjs.org/) - 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 using `https://github.com/csorlandi/study-moveit-frontend`
### Step 3
- 🎋 Create your feature branch using `git checkout -b my-feature`
### Step 4
- ✅ Commit your changes using `git commit -m 'feat: My new feature'`;
### Step 5
- 📌 Push to the branch using `git 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](https://linktr.ee/csorlandi)
- Linkedin at [Claudio Orlandi](https://www.linkedin.com/in/csorlandi/)
- Youtube at [Claudio Orlandi](https://www.youtube.com/csorlandi)
---
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
Made with 💙 Enjoy it!