Background
For this project I worked with Boys and Girls Club which is an organization which provides voluntary after school programs for young people. They want to enable their club directors to provide support for struggling members. To solve this the project wast to create an emotion tracker web app in which students can scan an id card and tap an emoji representing how they feel. There was a lot of specifics that needed to be discussed and I was excited to jump in.
Technical Dive
As a team we did a lot of planning during the first week of the project. We created user stories, wireframes, and our database model.
The user story I decided to tackle first was the Club Directors ability to add members with a CSV file or individually. In the first stakeholder meeting I was able to discuss the feature more in depth and found they wanted to see the data before uploading.
The first problem I ran into is I did not know how to get javascript to read a CSV file. After doing some research I found out about FileReader. It allowed me to easily parse through a CSV file. I implemented this by creating an upload component that on change will read the CSV and add the data to a table.
This solution worked, however I could upload any file type and it would attempt to read it and insert some interesting values into my table. To prevent this I created a simple if statement.
Problem solved then right? Wrong! While testing a use case if I clicked upload and canceled out of it I got an error. It could not ready file.type of undefined. While the solution to this is easily solved it does show how important it is
to test all use cases.
After many styling iterations the final model design was complete along with the CSV parser.
Future of the project and reflection
I am really excited to see the development of this project. There is a lot of room for growth and adding new features. The actual emotional tracking could be done using a data science modal based on emojis selected. Organizing and displaying data to the user will be a fun challenge.
I got some really good feedback from my teammates and learned a lot from peer programming. I really enjoyed working on this project as I used to go to Boy and Girls Club growing up. It felt great to be able to push their goals.
Top comments (0)