OneClass Calendar App

Quick Links:

• Introduction
• Done list
• Architecture
• Set up

Introduction" class="reference-link"> Introduction

A single page application in React.

The app allows users to create events for any date and see already created events for the currently active month.

Welcome to OneClass Calendar App

Done list" class="reference-link"> Done list

• Create a calendar grid for the given month and year. Make sure that every month starts from the appropriate day of the week.

• Add a feature that allows users to switch month and year

• Add highlighting for today’s date

• Add a feature that allows users to create an event.

• When users click on the day, they should see a “create event” form (e.g. popup) that includes Hour, Minutes, and Event Name fields

• After users fill in the form, the event data should be saved somewhere on the client side.

• In the bottom of the calendar, show a list of events for the currently active month only.

• Events should be sorted by date/time

• Events should have the following format: “{Day} {Month} {Year} {HH}:{MM} - {EventName}”

• Make it look right on mobile devices

• Make a design change to improve the user experience and/or style it according to OneClass design

Architecture" class="reference-link"> Architecture

Set up" class="reference-link"> Set up

$ git clone https://github.com/Jjunxi/Calendar-App.git
$ npm install
$ npm start

Then open http://localhost:3000/ to see the app.

Author

• Andy Liu

License

MIT

Good Luck! 🚀