Taskmaster

• 

  Taskmaster Homepage

• 

  Taskmaster Dashboard

Inspiration

Being computer science freshmen in college, we wanted to be able to apply our classroom skills to real world projects and understand the role of computer science in society. As a result, we wanted to choose a project that would be a finished and serviceable product. We were able to experience the various challenges that both frontend and backend software engineers face and how they can come up with solutions to fix them.

What it does

Taskmaster is a cloud based solution for TODO lists. Users can sign in using Google and proceed to create, read, update, and delete tasks as needed. Each user's tasks are stored in a database which is queried to ensure that each user has a unique list.

How we built it

The web app was developed using React and Firebase. React provided us with a component based framework that allowed us to easily work with our different elements and be able to handle data and various states across the components. Firebase handled our backend including our Google Authentication and database storage. We were able to successfully load tasks for individual users and ensure each user had a unique list associated with their Google account.

Challenges we ran into

Firebase Database and Authentication was one of the major obstacles we faced as we both had never worked with Firebase before. Learning the various requirements and implementations required to be able to ensure both are working effectively was something that held us back. However, we were able to learn much from this experience as we were able to successfully have users use Google Auth to be able to use our web app and were able to perform CRUD operations on a Firebase Realtime Database.

Accomplishments that we're proud of

One of the main goals of the web app was to create a simple and intuitive user interface allowing for a larger audience to be able to use our service. We believe that our user interface stands out as it provides the user with the necessary information without overwhelming them or not providing enough information.

What we learned

Learning Firebase and its various components helped our broaden our insight on how data can be used to provide a service. Using authentication and database storage, we were able to provide a secure method for users to be able to connect to our web app and ensure their data is protected and used appropriately.

What's next for Taskmaster

Up next for Taskmaster, we look forward to implementing Twilio API to be able to send users notifications about certain tasks. We also hope to be able store more information regarding deadlines, locations of events, and levels of priority to provide a better user experience.

Built With

• css
• firebase
• google-auth
• html
• javascript
• react
• realtime-database