Calendar & Scheduling Application

A modern calendar and scheduling app with day, week, and month views, color-coded events, search, and a responsive UI for daily planning.

Live demo (GitHub Pages): https://lokeshpuma.github.io/calander-ui/

Tech stack

• Next.js (App Router, static export)
• React 19
• Tailwind CSS
• Lucide icons

Project structure

app/           # App Router pages and styles (deployed to GitHub Pages)
public/        # Static assets copied into the build output
.github/       # GitHub Actions workflow for Pages deployment

Local development

pnpm install
pnpm dev

Open http://localhost:3000.

Build for GitHub Pages

The site is built as a static export with base path /calander-ui:

pnpm run build:pages

Output is written to out/. Preview locally with any static file server, for example:

npx serve out

Deploy to GitHub Pages

1. Push to main on lokeshpuma/calander-ui.
2. In the repo Settings → Pages, set Source to GitHub Actions.
3. The workflow .github/workflows/deploy-pages.yml builds app/ and publishes the out/ folder on each push to main.

Repository: https://github.com/lokeshpuma/calander-ui.git