Lesson Calendar is a Vite + React + Tailwind single-page app that helps students manage recurring lessons and push Class/Test/Homework events to Google Calendar.
- Go to Google Cloud Console, create or select a project.
- Enable the Google Calendar API under APIs & Services -> Library.
- Under APIs & Services -> Credentials create a OAuth client ID (Web application). Add
http://localhost:5173to the Authorized JavaScript origins. Note the generated Client ID. - In the same page create an API key. Restrict it to the Calendar API if desired.
- Install dependencies with
npm install. - Run
npm run dev(or press F5 in VS Code) to start Vite. - Your browser should open
http://localhost:5173automatically.
- When the app loads, enter the Google OAuth Client ID and API Key in the setup modal.
- Click Connect Google in the top bar and finish the OAuth consent flow.
- Add your lessons and weekly slots, then use the Create Event panel to push items to Google Calendar.
- Optional: use the Appearance section in Settings to tweak background, card, border, accent, and text colors. Once connected, the app will remember the connection and attempt to auto-connect next time.