Project Ephemeris
Full-fledged calendar application
A full-fledged calendar application with support for multiple calendars, repeated events, and best of all, dark mode. It has four view modes: year, month, week, and day. Additionally, there is a good screen reader and keyboard navigation support.
Online demo
You can try out the live version at project-ephemeris.vercel.app.
Video overview
Screenshots
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F1.3a06fa4c.webp&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F2.b151f919.webp&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F3.081c8600.webp&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F4.005f8419.webp&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F5.eeb770cb.webp&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F6.202a418b.webp&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F7.4acfd01f.webp&w=3840&q=75)
Technologies used
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
- MySQL
Things learned
I am a heavy calendar user and consider myself experienced with it. Yet, it's not until I tried to design a calendar that I started to realize the complexities of a good calendar system.
There are big and gluing thins like time zones and things as inconspicuous as an algorithm for most efficiently placing overlying events on a grid.