https://github.com/tiogars/calendar
Printable calendar
https://github.com/tiogars/calendar
calendar edition mui pnpm print react tools typescript
Last synced: 2 months ago
JSON representation
Printable calendar
- Host: GitHub
- URL: https://github.com/tiogars/calendar
- Owner: tiogars
- Created: 2026-03-22T11:50:08.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-22T21:27:35.000Z (3 months ago)
- Last Synced: 2026-03-23T06:52:19.824Z (3 months ago)
- Topics: calendar, edition, mui, pnpm, print, react, tools, typescript
- Language: TypeScript
- Homepage: http://calendar.tiogars.fr/
- Size: 359 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calendar Print
A web application for configuring and printing custom calendars, built with
Vite, React, TypeScript, MUI Material, and MUI X Date Pickers.
## Features
- **Edition Mode**: Configure your calendar via a form:
- Header title
- Optional free text shown under the title in preview and print
- Optional free text shown below the calendars in preview and print
- Date range (from/to month & year)
- Orientation: Portrait or Landscape
- Grid layout: 4 columns × 3 rows or 3 columns × 4 rows
- **Preview Mode**: See an A4-sized preview of the calendar grid with all
configured months
- **Print Support**: Click Print to print the calendar; action buttons are
hidden and the current datetime appears in the footer
## Setup
```bash
pnpm install
pnpm run dev
```
## Build
```bash
pnpm build
```
## Deployment
This project is automatically deployed to GitHub Pages on every push to the
`main` branch using GitHub Actions. The workflow also:
- Validates code and documentation with linting
- Manages semantic versioning automatically
- Creates releases with versioned archives
- Publishes built site to GitHub Pages
For detailed deployment configuration and instructions, see
[CI/CD Deployment](./docs/05-ci-cd-deployment/index.md).
## Documentation
- Full project documentation is available online at
[https://calendar.tiogars.fr/docs/](https://calendar.tiogars.fr/docs/).
- Local documentation source is in the [docs](./docs/index.md) folder.
## Tech Stack
- [Vite](https://vite.dev/) + [React](https://react.dev/) +
[TypeScript](https://www.typescriptlang.org/)
- [MUI Material](https://mui.com/material-ui/) for UI components
- [MUI X Date Pickers](https://mui.com/x/react-date-pickers/) for month/year
selection
- [React Hook Form](https://react-hook-form.com/) for form state management
- [Day.js](https://day.js.org/) for date manipulation