Submitted by: Beatrice Olaosebikan
About this web app: We are all aware of the negative effects of doom scrolling when bored, why don't we replace this habit with a better, more fun, and healthier alternative: doom reading
Time spent: 16 hours
The following required functionality is completed:
- The web app uses only HTML, CSS, and JavaScript without a frontend framework
- The web app displays a title
- The web app displays at least five unique list items, each with at least three displayed attributes (such as title, text, and image)
- The user can click on each item in the list to see a detailed view of it, including all database fields
- Each detail view should be a unique endpoint, such as as
localhost:3000/bosses/crystalguardianandlocalhost:3000/mantislords - Note: When showing this feature in the video walkthrough, please show the unique URL for each detailed view. We will not be able to give points if we cannot see the implementation
- Each detail view should be a unique endpoint, such as as
- The web app serves an appropriate 404 page when no matching route is defined
- The web app is styled using Picocss
The following optional features are implemented:
- The web app displays items in a unique format, such as cards rather than lists or animated list items
The following additional features are implemented:
- Addeded dark and light mode toggle for each page
**Note: please be sure to
Here's a walkthrough of implemented required features:
GIF created with (https://www.screentogif.com/)
So much styling conflicts. Sometimes the books would not render due to minor things like syntax, but inspecting, logging, and following stack traces helped in pinpointing and resolving errors.
Copyright [2026] [Beatrice Olaosebikan]
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.
Submitted by: Beatrice Olaosebikan
About this web app: We are all aware of the negative effects of doom scrolling when bored, why don't we replace this habit with a better, more fun, and healthier alternative: doom reading
Time spent: 12 hours
The following required functionality is completed:
- The web app uses only HTML, CSS, and JavaScript without a frontend framework
- The web app is connected to a PostgreSQL database, with an appropriately structured database table for the list items
- 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 following optional features are implemented:
- The user can search for items by a specific attribute
The following additional features are implemented:
Here's a walkthrough of implemented required features:
GIF created with ... ScreenToGif for Windows
Copyright [2026] [Beatrice Olaosebikan]
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.