alvinyap510 / Project-WDS-React-To-Do-List

WDS-React-To-Do-List

Course / Link

Web-Dev-Simplified: Learn React With This One Project

Introduction

A micro project that utilizes Vite as build tool to create a React To-Do-List app, and store the input in storage (LocalStorage, SessionStorage, Cookies, IndexedDB).

How to run

Git clone the repo and run the following commands:

npm install
npm run dev

Tech Used

• Package : npm
• Build Tool : Vite
• Frontend : React
• Data Storage : IndexedDB, LocalStorage, SessionStorage, Cookies

Learned

• React

  • Concepts: components, hooks (useState, useEffect)

• Storage

  • Tried LocalStorage, SessionStorage, Cookies, IndexedDB, in memory storage etc

• Vite

  • Introduced to Vite as a build tool
  • Learned HMR

Notes

• Cookies => can set expiry date, sent to server with every HTTP request, can be accessed both server and client side
• IndexedDB => Free and built into modern browsers