Skip to content

esteves-esta/one-page-calendar

Repository files navigation

One page calendar

Header image

"It's simpler, more compact, and reusable from year-to-year in a way that no other calendar is. "

Idea from this article of magazine big think

Access app on the link:

https://esteves-esta.github.io/one-page-calendar/


Index

Table of Contents



Printscreen

Information window printscreen


Customization printscreen


Saving event printscreen


Saved event printscreen


Customization printscreen


Customization printscreen


Showing events printscreen


📖 Features

✅ Done ✨✨

  • Calendar grid
  • Change year
  • Customizations
    • change language (pt/eng/ko/jp)
    • [x ] change num. of charaters shown on grid (month and week)
    • change calendar styles
      • all
      • by section (months / weeks / days)
    • change border color of grid
    • change background color of grid
    • change background color of cell
    • change color of each day of the week for each day
  • select day and year - and open toast saying if you want to save date

🔨 To do

  • sounds on events/buttons press

🧰 Tech Stack

  • Vite
  • React
  • Lucide React - icons

🚀 How to run locally

  1. Install packages

    npm i 
    

    or

    yarn i
    
  2. Run dev server

    npm run dev 
    

    or

    yarn dev