Festiv

May 15th, 2017

Festiv - Music Festival

Github | Website

Festiv is a Front End project done in one week during my bootcamp. This was a way to sneak in some of my favorite local musicians in a make-believe music festival.

Functionalities

In the admin page, you can drag and drop events on a calendar, as well as edit/ delete musicians. The state then propagates to the rest of the website (affecting the door opening time and acts on that day).

In the ticketing page, you can add tickets to cart, and enter details to be validated. Once a purchase is 'made', you are brought to an order summary page.

What I've learned

I've only done trivial apps and CS50 projects before this, and had trouble estimating the amount of time each task would take. We were taught the concept of MVP, and how to use a trello board for prioritising user stories. It was familiar because we had used the kanban method in my previous workplace. (Big projects with lots of moving parts would be hellish without it.)

I chose to focus on things that I were comfortable with, such as focusing on the UI/ design and using a familiar CSS framework (Bootstrap), because I felt like a newbie in React. In fact, I was so worried I didn't know enough about React, that I purchased a Udemy course about React while going through classes on React during the bootcamp.

I have a much clearer idea of state management in React now. Additionally, I have a better appreciation of planning out the wireframes and flow, and thinking about different ways to solve issues before committing to a solution. Hoisting states is no fun. 😢

I also got some experience doing test-driven development, and to write tests when bugs are discovered so that it does not crop up again. Overall, it was a fun and gave me the confidence to attempt something more ambitious in my future projects.