Custom calendar with events and resources -- 2

Requirement’s libraries and languages,
• Vue java script 2.6
• Bootstrap 4.6
• Python Django 3.9
• MySql

Objective:
Create custom calendar that has dynamic resources, dynamic events and then store that as an object in DB and can be retrieved on loading the page, also compatible for JSON export or XML export.
Layout imaginary perspective attached in Excel file

Calendar views:
• Horizontal view: Scroll right and left to go between month or go next year after passing December
• Year view: a zoom out from calendar and overview all data

Buttons:
• Buttons for horizontal view
• Button for year view
• Button to add custom event {name, color of event}
• Button to delete event
• Button add resource “string”
• Button delete resource
• Button for each custom event to click and apply on calendar day
• Button for each calendar day prompt which event to apply or erase event if there is one
• Button erase to delete events upon clicking them in calendar

Data:
• Each account contains its own calendar, so calendar has to fit under user account,
• Calendar and its data (resources, events) must be presented as object and stored in efficient way in DB so if it’s a year or 2 or more of data it shouldn’t be a problem.
• Data have to be stored in sqlite and backend language on python Django
• Data can be easily called through json/xml api

Notes:
• Quality of coding must be considered.
• A senior developer will code proof the code before approving completion of the project.
• The project is considered 1 mile stone and will not be divided
• API export, JSON or XML is not required and not part of the project, but have to be kept in mind when structuring the data