Concert With Friends

What is it about?

As the world is gradually recovering from the pandemic, live concerts are finally coming back! Wanna go to your favorite artist's live show but don't have a buddy? We got you covered! Concert with Friends is a web application that helps you find new friends to go to a concert with. Find concerts nearby you on the map or filtered from a list and join its group to start meeting new people!

Tech Stack

  • ReactJS
  • Redux
  • MongoDB
  • GoogleMapsAPI
  • TicketMasterAPI

My Role

Design

In terms of design, it was rewarding to get my hands dirty on the wireframing of the pages and flow after our initial ideation, which helped the team to align on the big picture and myself to improve on transforming ideas into tangible products. Technically, I took the lead on doing the backend database schema design for the core entities including User, Event, and Group, and hooked up end-to-end communications.

Development

I was mainly in charge of building the front-end architecture with React routing and the user data and alert message state management with Redux store. In addition, had been working on some core functionalities including the end-to-end user authentication, the editable profile page with avatar images, and the join/leave groups features on both the event page and the map page. Particularly, a session timeout feature was implemented to enhance data security and address users' privacy concerns. Last but not least, I took over the final code base refactoring to deploy the app to Heroku.

Video Demo

Live Demo

Try the live demo

Official Documentation

Read the full documentation📋

Built with Next.js, Tailwind and Vercel