Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WEB103 Project 1 - FLower List

Submitted by: Sing Zheng

About this web app: App display list of flowers and details

Time spent: 3 hours

Required Features

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/crystalguardian and localhost: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
  • 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:

  • List anything else that you added to improve the site's functionality!

Video Walkthrough

**Note: please be sure to

Here's a walkthrough of implemented required features:

Video Title

GIF created with ... Youtube

Notes

Describe any challenges encountered while building the app or any additional context you'd like to add.

License

Copyright [2026] [name of copyright owner]

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

http://www.apache.org/licenses/LICENSE-2.0

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.

WEB103 Project 2 - Flower List

Submitted by: Sing Zheng

About this web app: App display list of flowers and details

Time spent: 3 hours

Required Features

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:

  • List anything else that you added to improve the site's functionality!

Video Walkthrough

Here's a walkthrough of implemented required features:

Video Title

GIF created with ... Youtube

Notes

Describe any challenges encountered while building the app or any additional context you'd like to add.

License

Copyright [2026] [name of copyright owner]

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

http://www.apache.org/licenses/LICENSE-2.0

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.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages