wellingtondev/StudyReact

Project developed during <nlw ⁄> #04 by Rocketseat.

Deploy

📝 Table of Contents

• Overview
  • Built With
  • Layout
• Features
• Code Structure
• Upgrades

🎉 Overview

Move.it is an application that uses the pomodoro technique to help people get more exercise while working. By completing the challenges / exercises you can level up.

💻 Built With

• React
• TypeScript
• Next.js

🔎 Layout

• Figma
• Layout 2.0

⚡ Features

• Countdown
• Xp count
• Levels
• Level sharing 🚧

📁 Code Structure

├── public
│   ├── icons
│ 
│   
├── src
│   ├── components   
│   ├── contexts
│   ├── pages
│   ├── styles
│       └── components
│       └── pages
│  
       

• /src/components -> React components of the app.
• /src/contexts -> Use of the context API of React.
• /src/pages -> The original pages folder created by Next.
• /src/styles -> Folder of the CSS.
• /src/styles/components -> Specific CSS to each component.
• /src/styles/pages -> Specific CSS to each page.

💡 Upgrades

• Docs
• Estilo
  • Responsividade
  • Mudar cores e/ou criar temas
• PWA
• Login c/ Github
• Hanking
• Compartilhar nível no Twitter