Henkilökohtainen kalenteri tapahtumien hallintaan.
Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.
Luo kalenterisovellus. Näkymät: - Kuukausi (ruudukko) - Viikko (aikataulu) - Päivä (yksityiskohtainen) Tietomalli: events (id, title, description, start_date, end_date, color, user_id) Toiminnot: - Lisää tapahtuma (klikkaa päivää) - Muokkaa tapahtumaa (klikkaa tapahtumaa) - Poista tapahtuma - Vaihda näkymää - Navigoi ajassa Tech: - Next.js 14 - TypeScript - Tailwind CSS - date-fns (päivämäärät) - Supabase Aloita kuukausinäkymästä ja tapahtuman lisäyksestä.
Tässä projektissa rakennetaan seuraavat ominaisuudet:
Luo visuaalinen kuukausinäkymä.
Luo kalenterin kuukausinäkymä: ruudukko päiville, navigointi edellinen/seuraava kuukausi, tämän päivän korostus. Näytä tapahtumien määrä kullakin päivällä.
Lisää tapahtumien CRUD.
Luo tapahtumien hallinta: klikkaa päivää luodaksesi tapahtuman, modal nimi/aika/kuvaus/väri. Lista päivän tapahtumista. Muokkaus ja poisto.
Lisää muut näkymät.
Luo viikkonäkymä (aikataulu tunneittain) ja päivänäkymä (yksityiskohtainen päiväaikataulu). Vaihto näkymien välillä napin painalluksella.
Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:
Selaa kaikkia web-sovellukset projekteja tai tutustu muihin kategorioihin.