Upravljanje nalog z React Context, Material UI in Vite.js v TypeScriptu

Ta aplikacija omogoča preprosto upravljanje nalog z uporabo React Context za shranjevanje in upravljanje nalog, Material UI za lep dizajn uporabniškega vmesnika ter Vite.js za hitro gradnjo in razvoj aplikacije. Projekt je napisan v TypeScriptu za boljšo tipizacijo in varnost.

Funkcionalnosti

• Dodajanje novih nalog
• Prikazovanje seznamov nalog
• Označevanje nalog kot zaključene
• Uporaba React Context za upravljanje stanja nalog
• Material UI za uporabniški vmesnik

Predpogoji

Za zagon aplikacije morate imeti nameščene naslednje stvari:

• Node.js (priporočena različica: LTS)
• npm (ali yarn, če raje uporabljate Yarn)

Namestitev

1. Klonirajte repozitorij:

git clone https://github.com/gregordotjs/context-provider-sample.git

2. Pojdite v mapo projekta:

cd ime-projekta

3. Namestite odvisnosti:

Če uporabljate npm:

npm install

Če uporabljate yarn:

yarn install

Zagon aplikacije

Za zagon aplikacije v razvojnem okolju uporabite naslednji ukaz:

Če uporabljate npm:

npm run dev

Če uporabljate yarn:

yarn dev

Po tem odprite brskalnik in pojdite na http://localhost:5173, kjer boste lahko videli aplikacijo v akciji.

Tehnologije

• React: JavaScript knjižnica za gradnjo uporabniških vmesnikov
• React Context: Za upravljanje globalnega stanja nalog
• Material UI: Komponentna knjižnica za hitro ustvarjanje lepega uporabniškega vmesnika
• Vite.js: Zelo hiter razvojni strežnik in orodje za gradnjo
• TypeScript: Statistično tipiziranje za boljšo varnost in obvladljivost kode