Inspiration
We wanted to create a simple and user-friendly application that can help people manage their daily tasks and improve their productivity. We were inspired by popular to-do apps like Todoist, Trello, and Microsoft To Do, but we also wanted to add some unique features and design elements to make our app stand out.
What it does
Our app is a to-do list that allows users to create, edit, delete, and complete tasks. Users can also organize their tasks into different categories, such as personal, work, school, etc. Users can also set deadlines, priorities, and reminders for their tasks. Our app also has a dark mode option, a search function, and a statistics page that shows the user's progress and achievements.
How we built it
We built our app using ReactJS, a JavaScript framework for developing single-page applications
Challenges we ran into
Some of the challenges we faced while building our app were:
- Learning how to use React Hooks, which are a new feature in React that allow us to use state and other React features without writing a class component.
- Integrating Firebase with our React app, which required us to install and configure various Firebase SDKs and libraries, and to follow the Firebase security rules and best practices.
- Implementing the search function, which involved creating a custom hook that filters the tasks based on the user's input, and updating the UI accordingly.
- Testing and debugging our app, which involved using various tools and methods, such as React Developer Tools, Firebase Emulator Suite, console.log, and try-catch blocks.
Accomplishments that we're proud of
Some of the accomplishments that we're proud of are:
- Completing the core functionalities of our app, such as creating, editing, deleting, and completing tasks, and organizing them into categories.
- Adding some extra features to our app, such as dark mode, reminders, and statistics, that enhance the user experience and provide more value to the user.
- Creating a responsive and attractive UI design, that adapts to different screen sizes and devices, and follows the Material Design principles.
- Deploying our app to the web, and making it accessible to anyone who wants to use it.
What we learned
Some of the things that we learned while building our app are:
- How to use React Hooks, which are a powerful and elegant way of writing stateful functional components in React.
- How to use Firebase, which is a comprehensive and easy-to-use platform that provides various backend services for web and mobile applications.
- How to use React Bootstrap, which is a popular UI framework that provides ready-made and customizable components for React applications.
- How to work as a team, which involved using tools like GitHub, Slack, and Zoom, and following the agile methodology and the git workflow.
What's next for To DO List
Some of the features that we plan to add to our app in the future are:
- Adding a drag-and-drop functionality, that allows users to reorder their tasks and categories, and move tasks between categories.
- Adding a collaboration functionality, that allows users to share their tasks and categories with other users, and work on them together.
- Adding a voice recognition functionality, that allows users to create and edit tasks using voice commands..
Log in or sign up for Devpost to join the conversation.