This project was bootstrapped with Create React App.
CSS Primarily from Bulma (https://bulma.io/)
Calendar layout from https://www.w3schools.com/howto/howto_css_calendar.asp
Installation Instructions:
- If you dont already have node/npm installed install both of them
- Download the repository to a folder on your PC (Likely either as a .zip or by running git clone)
- From the command line navigate to the folder containing the files you just downloaded.
- Run 'npm install'. This will install all of the packages required to run this project.
- After the dependencies are installed you can run 'npm start' to start the project, it should run on your PC at localhost:3000
Using the calendar.
- When you initially open the calendar you will see a screen similar to the below image. Initial Screen
- From that screen you can click on any day of the current month and you will see an "Add" button to add a task to that day, and if events already exist for that day you will see them as well. Note: Clicking the (X) beside any task allows you to remove it. Example
- You can also navigate to another day and navigate back to a previous day by clicking around. Note: Tasks are not yet saved to a database.
- You may also change the page styling by clicking on one of the buttons with the name of a color, this currently only changes the background color to correspond with the selected color. Color Switches