Skip to content

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

Notifications You must be signed in to change notification settings

gw-rodrigues/ignite-react-2022-timer

Repository files navigation

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published