Submitted by: Loc Tran
About this web app: A virtual community space with an interactive interface that allows users to explore events by location.
Time spent: 3 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 GIF or a screenshot added to this README must include a view of your Railway database that shows the contents of the table used by your app
- The web app displays the title of the app
- A visual interface allows the user to select a Location they would like to view
- Clicking on a Location shows a list of all items from the Events table that corresponds to that Location
- Each Location detail page should have its own unique URL
The following optional features are implemented:
- An additional page shows all possible
Eventsthat the user can sort and filter byLocation -
Eventsdisplay a countdown showing the time remaining before that event and appears with different formatting when the event has passed
Here's a walkthrough of implemented required features:
GIF created with LICEcap
The challenge was trying to connect backend with frontend with middleware and fetching down data events and locations from database. This project also has to ensures that table columns and data type must match in order to pull them down
Copyright [2023] [Loc Tran]
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.