https://github.com/henriquemarquesdev/moveit
Next Level Week #04 by Rocketseat - ReactJS.
https://github.com/henriquemarquesdev/moveit
js-cookie next-auth nextjs react rocketseat styled-components styled-icons typescript
Last synced: 2 months ago
JSON representation
Next Level Week #04 by Rocketseat - ReactJS.
- Host: GitHub
- URL: https://github.com/henriquemarquesdev/moveit
- Owner: henriquemarquesdev
- License: mit
- Created: 2021-02-27T00:30:40.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-01-14T19:48:30.000Z (over 3 years ago)
- Last Synced: 2024-12-27T21:16:11.115Z (over 1 year ago)
- Topics: js-cookie, next-auth, nextjs, react, rocketseat, styled-components, styled-icons, typescript
- Language: TypeScript
- Homepage: https://moveit-lime-ten.vercel.app
- Size: 305 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🚧 Under construction... 🚧
---
## 📋 About
MoveIt is an application to encourage those who spend hours at the computer to exercise, using the pomodoro method, every 25 minutes concentrated on work they will have a break to do a little exercise and with the addition of gamification in the application.
---
## 🎉 Improvements
- Added a SideBar;
- Added authentication with github via Auth0;
- Added dark theme in the application;
- Added save theme to localStorage;
- Added Icons to represent the buttons;
---
## 🎖 Milestone
- Adjust mobile app designer;
---
## 📂 How to run this project
To clone and run this app, you will need to [Git](https://git-scm.com) and [NodeJs](https://nodejs.org/en/).
### 🌀 Cloning the repository
```bash
# Clone this repository
$ git clone https://github.com/HMDarkFir3/moveit.git
# Access the project folder in the terminal/cmd
$ cd moveit
```
### 🎲 Running the Application
```bash
# Install dependencies
$ yarn install
# Run the Application in Development
$ yarn dev
# The server will log in port:3000 - `http://localhost:300`
```
### 📁 .ENV Configuration
```bash
# added .env.example in the project, remember to add the environment variables as per the example
# VERCEL
VERCEL=
VERCEL_ENV=
VERCEL_URL=
VERCEL_GIT_PROVIDER=""
VERCEL_GIT_REPO_SLUG=""
VERCEL_GIT_REPO_OWNER=""
VERCEL_GIT_REPO_ID=""
VERCEL_GIT_COMMIT_REF=""
VERCEL_GIT_COMMIT_SHA=""
VERCEL_GIT_COMMIT_MESSAGE=""
VERCEL_GIT_COMMIT_AUTHOR_LOGIN=""
VERCEL_GIT_COMMIT_AUTHOR_NAME=""
# GITHUB
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
NEXTAUTH_URL=
REACT_APP_URL=
```
---
## 🚀 Technologies Used
The project was developed using the following technologies:
- [ReactJS](https://reactjs.org)
- [NextJS](https://nextjs.org)
- [NextAuth.js](https://next-auth.js.org)
- [TypeScript](https://www.typescriptlang.org)
- [JS Cookie](https://github.com/js-cookie/js-cookie)
- [Styled Components](https://styled-components.com)
- [Styled Icons](https://styled-icons.js.org)
---
## 💪 How to contribute to the project
1. Make a **fork** of the project.
2. Create a new branch with your changes: `git checkout -b my-feature`
3. Save the changes and create a commit message telling you what you've done: `git commit -m "feature: My new feature"`
4. Submit your changes: `git push origin my-feature`
> If you have any questions check out this [guide on how to contribute to GitHub](https://github.com/firstcontributions/first-contributions)
---
## 🧑 Author
Henrique Luís Oliveira Marques
---
## 📝 License
This project is under the MIT license. See the [LICENSE](./LICENSE) to learn more.
👋🏽 [Get in touch!](https://www.linkedin.com/in/henrique-luís-oliveira-marques-3406361a7/)