Blocky Calendar

This app is aiming to combine the functionality of Calendar, Reminder, and Project Management sites.

Currently it only has frontend ready, so it will not save your progress, but you can fiddle around with the features. Since redux holds all the important data, the app will temporarily store your edits.

App Screenshots

Calendar	Day Block	Event Types

What (Blocky Calendar) ?

The concept behind Blocky calendar is to combine the functionalities of Calendar, Timetable, Reminder, Annual goals and present them in blocks of time.

Why (Blocky Calendar) ?

Different from traditional calendars on the market. This project works more like a time management tool.
Many tools have excel is some aspect of it, but not all. I personally use several apps together, but how I wish the data could be share among them.
Blocky Calendar will present you a brand new experience on time management.

How to (Wiki) ?

All usage instruction and information update is below.

Developing

Progress

Platform	Status
Frontend	Developing
-- Calendar	Complete
-- Day Block	Complete
-- Event Type	Complete
-- Mobile Friendly	Complete
-- Statistics View	Pending
Backend	Developing

Usage Guide

🔸 Add One-time Event

Go to Monthly Calendar
Drag and select the time range of the event
Enter the event and save

🔸 Edit One-time Event

Go to Monthly Calendar
Drag event or extend event to edit time
Click on the event to edit in detail
Click enter to save

🔸 Add Recurring Event

Go to Event Types
Click on lower right button to add a recurring event
Enter the event and save

🔸 Edit Recurring Event

Go to Event Types
Click on the pen icon of the event to edit
Enter the update and save

🔸 Jump to Date

Click on the upper right calendar on Nvbar
Click on the desired date

🔸 Plan/Record Your Day with Day Block

Click once to select start date
Click again to select end date Click on a event to record it

❤️ Community and Contributions

We are committed to a fully transparent development process and highly appreciate any contributions.

📫 Have a question? Want to chat? Ran into a problem?

We are happy to answer your questions via GitHub Discussions!

🤝 Found a bug? Missing a specific feature?

Feel free to file a new issue with a respective title and description on the the GitHub Discussions repository. If you already found a solution to your problem, we would love to review your pull request!

📘 License

The Blocky Calendar is released under the under terms of the MIT License.

Folder Structure

📦 blocky-calendar
├─ .gitignore
├─ README.md
├─ package-lock.json
├─ package.json
├─ public
│  ├─ favicon.ico
│  ├─ index.html
│  └─ manifest.json
└─ src
   ├─ App.js
   ├─ App.test.js
   ├─ actions
   │  ├─ eventActions.js
   │  ├─ eventTypesActions.js
   │  ├─ eventTypesListItemActions.js
   │  ├─ navbarActions.js
   │  ├─ timeActions.js
   │  └─ types.js
   ├─ components
   │  ├─ EventTypes
   │  │  ├─ AddBtn.js
   │  │  ├─ AddEventTypeModal.js
   │  │  ├─ EditEventTypeModal.js
   │  │  ├─ EventTypeItem
   │  │  │  ├─ index.js
   │  │  │  └─ style.css
   │  │  ├─ index.js
   │  │  └─ style.css
   │  ├─ calendar
   │  │  ├─ AddEventModal.js
   │  │  ├─ EditEventModal.js
   │  │  ├─ index.js
   │  │  └─ styles.css
   │  ├─ layout
   │  │  ├─ Navbar.js
   │  │  └─ style.css
   │  └─ timeGrids
   │     ├─ DayList
   │     │  ├─ TimeSlot
   │     │  │  ├─ index.js
   │     │  │  └─ style.css
   │     │  ├─ TimeSlotMatrics.js
   │     │  ├─ index.js
   │     │  └─ style.css
   │     ├─ EventTypesList
   │     │  ├─ EventTypesListItem
   │     │  │  ├─ index.js
   │     │  │  └─ style.css
   │     │  ├─ index.js
   │     │  └─ style.css
   │     ├─ index.js
   │     └─ style.css
   ├─ css
   │  ├─ App.css
   │  └─ Gamepixies-8MO6n.ttf
   ├─ index.css
   ├─ index.js
   ├─ logo.svg
   ├─ reducers
   │  ├─ eventReducer.js
   │  ├─ eventTypesListItemReducer.js
   │  ├─ eventTypesReducer.js
   │  ├─ index.js
   │  ├─ navbarReducer.js
   │  └─ timeReducer.js
   └─ store.js

kevingao25/blocky-calendar