NextEvent is an application that uses personalized data from Spotify to recommend nearby events to users. The frontend was handled by React and Tailwind while Supabase handled the backend and authentication. This app works both on large screens and mobile devices.
- 🗝 Sign in with Google and Github (OAuth 2.0 authentication)
- 🧑🏿 View your own profile, email, name, id, etc.
- ♥ Add a favorite event.
- 🎫 Book tickets to an event.
- 📈 View trending events in your area.
- 🔍 Search for events worldwide
React
Tailwind
JavaScript
Jest
Supabase
- I began by listing down what features the application would have.
- Secondly, using Figma, I came up with the design for the landing page.
- Then I moved on to looking for a suitable API that I could use to help me get details about events. I landed on the Discovery API that uses data from sources such as TicketMaster to come up with events. You can check out the documentation here
- Next, I set up the backend which involved creating a project in Supabase and creating relevant tables that would be used for this small project.
- Then I focused on the other remaining smaller details such as developing the other relevant pages that would be used. Setting up tests to see if the application worked as expected and also setting up Oauth sign-in to assist with authentication of users.
- The most challenging part was trying to find an API that fits perfectly for this project. Most of the available APIs focused on the US and Western Europe markets and hence were not suitable for this project. In the future, instead of using the Discovery API, I will try to come up with some fake data to help finalize some of the remaining functionalities.
- It would be amazing if the first screen that the users encounter is a page that allows users to choose their best musicians and genres that will help in displaying only events that are related to their preferred choices.
- Although I added some tests, the application has still not yet been tested thoroughly and I plan to do this in the future.
- The application is supposed to send a notification to users about upcoming events. I intend to read more on how this can be done and then implement it.
At the moment, there are two bugs that I know of. One is when a user logs out the placeholder profile image isn't removed immediately and the second is that it takes a few seconds for a favorite to be deleted which in turn leads to the error notification being displayed