marcelosperalta / app_front-end_pomodoro_technique

A Pomodoro Technique App built with React

🔗 https://marceloperalta-moveit.vercel.app/

Pomodoro Technique App

A Pomodoro Technique App built with HTML, CSS, JavaScript, TypeScript, React, and Node.js.

         

🎓 bootcamp:

Rocketseat

Next Level Week #4

React with Diego Fernandes

📷 screenshots:

🔧 tools

Microsoft Edge

Google Chrome

Visual Studio Code

Visual Studio Code Extension "Launchbase Theme"

Figma

js-cookie

📀 install

on bash / terminal

yarn create next-app moveit-next

yarn add typescript @types/react @types/react-dom @types/node -D

yarn add js-cookie

yarn add @types/js-cookie -D

🏃 run the project:

on bash / terminal

cd moveit-next

yarn start

http://localhost:3000/

🚀 deploy to Vercel:

Vercel CLI

on bash / terminal

npm i -g vercel

vercel -h

vercel login

from your project folder:

cd moveit-next

vercel

project update:

stage

vercel

prod

vercel --prod

📗 concepts:

SPA - Single-page application
SSR - Server-side rendering
SSG - Static site generators
The three most popular ways to start a React project are:
SPA > create-react-app;
SSG > Gatsby;
SPA+SSR+SSG > Next.js;

CSS Modules

useEffect
createContext

localStorage
sessionStorage
IndexedDB
Web SQL Database
Cookies

📘 references:

How to Write an Awesome GitHub README

EMOJI CHEAT SHEET