Inspiration
Our inspiration for this project was learning more about how web applications are made and learning the interactions between clients and servers. We thought a simple to-do list would be a good starting point in exploring the realm of possibilities that come with web applications.
What it does
Our applications is able to display a list of tasks that can be viewed through a user interface. On this interface, users can add, remove, edit, and fully clear different tasks that show up on the to-do list. Once a user is fully satisfied, they can choose to save their to-do list onto a localhost server so that he/she can always get a copy of their saved to-do list for later on. They can do this by using the load to-do list function to load the saved to-do list.
How we built it
This application was built using ReactJs for primarily the front-end design which could interact with a localhost server being run in ExpressJs. All of the different buttons and functionalities would have its own event handlers, which could then further send network requests to the server if needed. ReactJs's functionalities allowed for easy control over our front-end design and allowed us to streamline the programming process for developing our web application.
Challenges we ran into
Some challenges that we ran into were learning about how to actually use ReactJs and ExpressJs. We were all unfamiliar with the overall syntax and structures used in these frameworks, and all 3 of us were not the most experienced with JavaScript. However, all 3 of us really wanted to learn a new language together and struggle together to make a simple application that we could all be proud of. Learning the ropes of ReactJs and ExpressJs was a very challenging, yet engaging, experience, and while we may not have the most complete understanding of the frameworks, we were still able to utilize it to the best of our abilities.
Accomplishments that we're proud of
Our main accomplishments are being able to learn JavaScript on the fly and being able to use the ReactJs and ExpressJs frameworks to make our to-do list application. Being able to separately make a working front end and back end, and then merging the 2 pieces together, was one of the most satisfying and rewarding feelings all 3 of us have experienced.
What we learned
As aforementioned, we learned more about how to program using JavaScript and using JavaScript frameworks such as ReactJs and ExpressJs.
What's next
In the future, we wish to implement more features to our to-do list and a working database that can house all of our task information. We also want to add a user-account system so that users can log in and be able to post multiple task lists to their account and retrieve at a later time. Hopefully these implementations can arrive soon!
Log in or sign up for Devpost to join the conversation.