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.
Log in or sign up for Devpost to join the conversation.