We were inspired by the need to have a simple, smart daily planner while reminiscing in the past with our Windows 95 theme.

What it does

This web application allows users to add, delete, and modify events a schedule. The user can toggle between seeing the daily and the weekly modes. The application keeps track of the current date and has arrows that allow the user to go back and forth between days, with a button to return the user to the current date. Users can double click on an event to see the details about it and edit it.

How we built it

We built this application in React by using DevExpress Scheduler. The dataset is based around the events of this year's McHacks event schedule.

Challenges we ran into

We ran into challenges with trying to learn a new React API in a very fast time, as well as problems with modifying the appointment form to include custom fields, and integrating a Django REST API to the application.

Accomplishments that we're proud of

We are proud of having created a fully fledged scheduling application in a weekend, as well as learning a new React library in a record speed.

What we learned

To create this project, we learned the DevExpress Scheduler React library, as well as strengthened our knowledge of React as a whole. We learned more about how components from different libraries can react together. We also learned how to use GitHub and Azure Devops.

What's next for Pixel Planner

More functionality within the user interface, as well as an AI-powered backend.

Share this project: