An open API service indexing awesome lists of open source software.

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

One page calendar based on this article of magazine big think https://bigthink.com/starts-with-a-bang/one-page-calendar/
https://github.com/esteves-esta/one-page-calendar

Last synced: 4 months ago
JSON representation

One page calendar based on this article of magazine big think https://bigthink.com/starts-with-a-bang/one-page-calendar/

Awesome Lists containing this project

README

        

# One page calendar
![Header image ](/header-readme.png "Header")

>## "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](https://bigthink.com/starts-with-a-bang/one-page-calendar/)

> ### Access app on the link:
> https://esteves-esta.github.io/one-page-calendar/

---
## Index

# Table of Contents
- [One page calendar](#one-page-calendar)
- [Index](#index)
- [Table of Contents](#table-of-contents)
- [Printscreen](#printscreen)
- [📖 Features](#-features)
- [✅ Done ✨✨](#-done-)
- [🔨 To do](#-to-do)
- [🧰 Tech Stack](#-tech-stack)
- [🚀 How to run locally](#-how-to-run-locally)

---
---

## Printscreen
Information window printscreen

---

Customization printscreen

---

Saving event printscreen

---

Saved event printscreen

---

Customization printscreen

---

Customization printscreen

---

Showing events printscreen

---
## 📖 Features
### ✅ Done ✨✨
- [x] Calendar grid
- [x] Change year
- [x] Customizations
- [x] change language (pt/eng/ko/jp)
- [x ] change num. of charaters shown on grid (month and week)
- [x] change calendar styles
- [x] all
- [x] by section (months / weeks / days)
- [x] change border color of grid
- [x] change background color of grid
- [x] change background color of cell
- [x] change color of each day of the week for each day
- [x] 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
```