gw-rodrigues / ignite-react-2022-timer

Ignite countdown timer and history. Developed with React, typescript, hook-form, Zod, styled-components, useReducer, useContext, Immerjs and Phosphor-icons.

Home Page:ignite-react-2022-timer.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

header

demo



🧭 Roadmap



🖥 Step 01


Starting with React, fundaments, bundlers & Compilers, components and properties. Thinking order of components and folder structure


🖥 Step 02


Structuring the app folder and components. Working with Router.Working with forms - Controlled and Uncontrolled. Use of React-hook-form.


🖥 Step 03


Doing app methods countdown and history. Use of useContext and useReducer. Moving to files actions and methods.


🖥 Step 04


Getting the finals fix for the methods. Making mobile friendly.



🛠 Installation



You can use git or a tool like degit to clone my projects for your directory.

#clone project repository
git clone HTTTPS-or-SSH-URL
#OR
npx degit gw-rodrigues/repository-name new-project-folder-name

#go to project folder
cd new-project-folder-name

#install dependencies
npm install
#OR
yarn

#start project developer mode
npm run dev
#OR
yarn dev



🔬 More



License GitHub Repo stars GitHub last commit GitHub language count GitHub package.json version

About

Ignite countdown timer and history. Developed with React, typescript, hook-form, Zod, styled-components, useReducer, useContext, Immerjs and Phosphor-icons.

ignite-react-2022-timer.vercel.app


Languages

Language:TypeScript 97.8%Language:HTML 2.2%