DELF Study Time Tracker Calendar App

A simple web application that tracks study time for DELF (Diplôme d'études en langue française) and visualizes progress with a calendar display.

Features

• 📅 Calendar Display: Monthly calendar view
• ⏱️ Study Time Recording: Click a date to enter study hours for that day
• 📊 Progress Display: Total study hours shown at the top of the screen
• 💾 Data Persistence: Study records saved on the server

Tech Stack

Layer	Technology
Frontend	React + TypeScript
Backend	Node.js + Express
Database	SQLite

Project Structure

.
├── .github/
│   ├── skills/              # Implementation guides
│   │   ├── frontend-implementation.md
│   │   └── backend-implementation.md
│   └── prompts/             # Slash commands
│       ├── start-frontend.md
│       └── start-backend.md
├── docs/
│   └── specifications.md    # Specifications
├── src/
│   ├── frontend/            # React frontend
│   └── backend/             # Express backend
└── README.md                # This file

Getting Started

1. Review Specifications

cat docs/specifications.md

2. Backend Development

Run the following in GitHub Copilot:

/start-backend

3. Frontend Development

Run the following in GitHub Copilot:

/start-frontend

Development Commands

Backend

cd src/backend
npm install
npm run dev     # Start dev server (port 3001)

Frontend

cd src/frontend
npm install
npm run dev     # Start dev server (port 3000)

API Endpoints

Method	Endpoint	Description
GET	/api/study-records	Get study records list
POST	/api/study-records	Save study record
DELETE	/api/study-records/:date	Delete study record

See docs/specifications.md for details.

License

MIT