ShOwCIAL delivers a social experience for event discovery, organization, and the purchasing of concert tickets. ShOwCIAL allows users to search for concert events based on keyword and location. Users can search for Adele in Boston, Rock concerts in Detroit, or Country Music events in Dallas... the options are endless!
The app also allows for users to customize their social profiles, to include artists and genres they are interested in, a bio to share with friends, and even a favorite Spotify™ playlist!
Being able to see all profiles on the app, users can add friends and see what events they are interested in!
** This project is part of a decoupled full stack application. The frontend code can be found here
👀 Take a look at ShOwCIAL HERE
During development, Howard acted as Database and API manager, back-end connoisseur, and full stack developer.
During development, Sarah acted as GitHub manager, Designer, styling expert, and full stack developer.
Project planning materials are held in this public Trello board.
Upon first entering the app, users will be greeted with a landing page, allowing for immediate event search, even before login. Via a left-hand navigation bar, users can choose to login, sign up for a new account, or navigate to a specific event search page.
After searching for an event with keyword and U.S. city, the user will be shown a list of paginated events matching their query. All event data is returned via the Ticketmaster Discovery API.
In order for the user to save events they are interested in or are attending, they will need to login or sign up for a new account using the left-hand navigation options.
Once a user is logged in, the navigation bar dynamically changes based on user status, and allows for navigation to a My Events page, Find Users page, and Change Password page.
Once the user has found an event they would like more information about, clicking anywhere in the searched event card will render an event detail page.
The event detail page provides event information directly from the Ticketmaster Discovery API. Depending upon available event information, users will be able to see date and time of the event, venue information, accessible seating information, a venue seating map, parking details, and even a link to buy tickets directly from the event's website! 🎟
As a logged in user, the "interested" and "attending" buttons allow for you to keep all of your events in one place, and even allow for your friends to see what concerts you are interested in.
The My Events page keeps track of all concerts for you! Whether you are attending, or just interested in the event, details can be found on the My Events page.
Aside from search navigation and saving event information for later, users can also view the profiles of everyone else using the app and "friend" or "unfriend" them as desired.
Viewing a friend's profile allows you to see what events they are interested in, but restricts access to important privacy information for user safety.
In case a user should need to update their profile, add a new bio, a new favorite Spotify™ playlist, or change favorite genres and artists - navigation to updating the profile information is simple, just view your profile from the home page and click "update profile."
This app was created for everyone who enjoys music events, so get out and be ShOwCIAL! 💃
- Boxicons - navigation icon items
- Google Fonts: utilized 'Roboto' and 'League Spartan'
- Bootstrap Library: utilized buttons and cards (more information here)
There are a number of icebox features the developers would like to add as time permits...
- Find and adjust for event rendering edge cases
- Add comment functionality to event detail pages so that users are able to discuss the event with friends and non-friend users
- Allow users to set search radius and other event search parameter settings
- Allow users to upload a profile image
- Implement dark-mode theme
- Allow users to approve or deny friend requests
- Allow users to add their own events (this will allow for small venues and house shows to be incorporated)