All Projects โ†’ csorlandi โ†’ moveit

csorlandi / moveit

Licence: MIT License
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 ๐Ÿ–ฅ

Programming Languages

typescript
32286 projects
CSS
56736 projects

Projects that are alternatives of or similar to moveit

personal-blog
โœ๏ธ ไธชไบบๆŠ€ๆœฏๅšๅฎข
Stars: โœญ 79 (+558.33%)
Mutual labels:  css3, nextjs
Swastika-IO-Admin
โœ” [ SIOA ] Swastika I/O Admin dashboard template based on Bootstrap 4
Stars: โœญ 18 (+50%)
Mutual labels:  css3
Awesome-JavaScript-Projects
This Repository contain awesome vanilla JavaScript projects.
Stars: โœญ 968 (+7966.67%)
Mutual labels:  css3
all-about-reactJS
I'll be working on 20 different ReactJS projects over the course of 60 days and try to create mobile-first, light and dark themed apps out of them.
Stars: โœญ 15 (+25%)
Mutual labels:  css3
site
้™็•Œ้–‹็™บ้ฏ–ๅ…ฌๅผใ‚ตใ‚คใƒˆ
Stars: โœญ 25 (+108.33%)
Mutual labels:  nextjs
WEB26-COKIRI
๐Ÿ”ฎ ๊ฐœ๋ฐœ, ์ด์ œ ๊ด€์‹ฌ์„ ๋ฐ›๋‹ค: ๊ฐœ๋ฐœ์ž์˜ SNS
Stars: โœญ 21 (+75%)
Mutual labels:  nextjs
helpafamily
Impactful ways to help families in need through donated meals, hygiene kits, and more. By Margarita Humanitarian Foundation.
Stars: โœญ 41 (+241.67%)
Mutual labels:  nextjs
ChRIS store ui
UI for the ChRIS Store
Stars: โœญ 47 (+291.67%)
Mutual labels:  css3
generator-zyy-h5
A lovely H5 template
Stars: โœญ 23 (+91.67%)
Mutual labels:  css3
boilerplate
Fullstack boilerplate using Typescript, React, Node & GraphQL
Stars: โœญ 738 (+6050%)
Mutual labels:  nextjs
unitscss
UNITS is a simple and beautiful CSS component set.
Stars: โœญ 13 (+8.33%)
Mutual labels:  css3
kironroy.github.io
Portfolio
Stars: โœญ 14 (+16.67%)
Mutual labels:  css3
wrapped
GitHub Wrapped, inspired by Spotify Wrapped
Stars: โœญ 159 (+1225%)
Mutual labels:  nextjs
next-pwa-template
Next.js progressive web app template
Stars: โœญ 266 (+2116.67%)
Mutual labels:  nextjs
inaba-jinja
ๅ› ๅนก็ฅž็คพใธใ‚ˆใ†ใ“ใ!
Stars: โœญ 14 (+16.67%)
Mutual labels:  nextjs
currency-converter
๐Ÿ’ฐ Easily convert between 32 currencies
Stars: โœญ 16 (+33.33%)
Mutual labels:  nextjs
static-template-nextjs
A Next.js based template of a blog built using the Collected Notes API
Stars: โœญ 19 (+58.33%)
Mutual labels:  nextjs
shici
ไฝฟ็”จ next.js ไธŽ graphql ๅšไธ€ไธช่ฏ—่ฏๅฐ็ซ™
Stars: โœญ 79 (+558.33%)
Mutual labels:  nextjs
harshhhdev.github.io
Harsh Singh's personal blog and portfolio โšก built with Next.js
Stars: โœญ 23 (+91.67%)
Mutual labels:  nextjs
blog
Tech Blog (moved to zenn.dev/hellorusk)
Stars: โœญ 29 (+141.67%)
Mutual labels:  nextjs

Move.it Logo

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!

Made by Claudio Orlandi Last Commit Contributors License


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 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!


๐Ÿ“ License

License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with ๐Ÿ’™ Enjoy it!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].