Submitted by: Taylor Femat
About this web app: This application caters to music lovers in the San Diego area. From the main page, users can select a venue that they are interested in. Each venue has its own page, where users can see events that are coming soon to that location. Additionally, using the Events page, the user can see all events at all locations. They can also filter by location to see relevant events. Each event has a title and lists the date and time of the event.
Time spent: 10 hours
The following required functionality is completed:
- The web app uses React to display data from the API
- The web app is connected to a PostgreSQL database, with an appropriately structured Events table
- NOTE: Your walkthrough added to the README must include a view of your Render dashboard demonstrating that your Postgres database is available
- NOTE: Your walkthrough added to the README must include a demonstration of your table contents. Use the psql command 'SELECT * FROM tablename;' to display your table contents.
- The web app displays a title.
- Website includes a visual interface that allows users to select a location they would like to view.
- Note: A non-visual list of links to different locations is insufficient.
- Each location has a detail page with its own unique URL.
- Clicking on a location navigates to its corresponding detail page and displays list of all events from the
eventstable associated with that location.
The following optional features are implemented:
- An additional page shows all possible events
- Users can sort or filter events by location.
- Events display a countdown showing the time remaining before that event
- Events appear with different formatting when the event has passed (ex. negative time, indication the event has passed, crossed out, etc.).
The following additional features are implemented:
- List anything else that you added to improve the site's functionality!
Here's a walkthrough of implemented required features:
GIF created with Kap for macOS
It did take me a while to get my tables to populate in Render. Even having gone over the lab and getting that to work more than once, I did have to restart this project a few times. I am not sure if there was a minor typo or something that was causing errors. I really struggled to find the source of my issue, even using dev tools. In the end I just started over until I got it right. This took up a lot of time on the project. Another area where I struggled was working with the front end. I spent a lot of time trying to do my own visual interface with the polygons like the example, but I wasn't familiar with it so it wasn't something that I could really get to work in a way that I liked. In the end I made my own visual interface. I think if I would have had more time I would have been able to create a more robust front end, but I ran out of time in the end. I think having so much of the layout was sort predetermined, unlike previous projects, made it harder for me to make it my own which is something I really enjoyed about other projects.
Copyright [2025] [Taylor Femat]
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.