Deadline Buddy

llogin screen
registration screen
Creation of a new todo
the navigation bar
Landing page
Calendar View

Inspiration

"Learning how to effectively manage my time last semester during virtual school was a jarring transition, and I don't want the same for others" -Ben

Two of the most common methods of time management are calendars and todo list apps. However, on their own, both of them have their own advantages and drawbacks. For instance, calendars are usually event-driven (meaning that you get alerts when tasks are happening) which is usually better for longer term time management. Whereas todo lists have the ability to add/remove tasks at the touch of a button, but are not practical for long-term planning as a result of their simplicity.

Our idea was born as a hybrid of these two concepts, where you can have both the simplicity and accessibility of a todo list, while retaining long term functionality such as tracking for different tasks that calendars have.

What it does

Our program builds on basic to do list functionality. When you land on our app, a page will display showing tasks in order of priority.

Users then can create tasks based on criteria such as

Importance
Type
Name
Due date
Descriptions

From here, users have the option to check their tasks through a number of query options (earliest due date, highest priority, lowest priority, etc.) As well as viewing all of their tasks in a convenient calendar format.

How we built it

React frontend, nodejs and expressjs backend, MongoDB atlas, material UI, heroku hosting and domain.com for the domain (catch us at https://deadlinebuddy.tech/)

Challenges we ran into

Neither of us have huge experience using axios for API calls, however, with some perseverance we were able to overcome our troubles in connecting the backend server to our frontend.

Another large issue we encountered was figuring out how to parse and store Dates. Javascript natively supports dates, however, storing them in a database and manipulating them to achieve what we wanted proved difficult. This lead to many issues along the development process, specifically with getting our tasks to display in a calendar format. Blood sweat and tears and a few hours later though and we had cracked through our problem and proved successful again.

We opted to choose heroku for our hosting, without realizing how to run both an express.js backend and react frontend on the same server. A couple hours of research later and we had found our solution. Express.static

Accomplishments that we're proud of

Calendar interface built from the ground up using material UI. Full database integration with the assistance of mongodb and axios. User friendly and appealing interface.