https://github.com/womb0comb0/web103-listicle

Topins Toop, movie management, favorite movies, cinema, movie collection, secure movie storage, movie organizer, cinema tracker, favorite film database, watchlist, user-friendly movie app, safe movie storage, movie favorites, manage films, movie library.
https://github.com/womb0comb0/web103-listicle

api css google-analytics-4 picocss react scss supabase-auth vercel vitejs

Last synced: 3 days ago
JSON representation

Topins Toop, movie management, favorite movies, cinema, movie collection, secure movie storage, movie organizer, cinema tracker, favorite film database, watchlist, user-friendly movie app, safe movie storage, movie favorites, manage films, movie library.

• Host: GitHub
• URL: https://github.com/womb0comb0/web103-listicle
• Owner: WomB0ComB0
• License: apache-2.0
• Created: 2023-09-18T23:24:40.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-06-28T01:53:34.000Z (6 months ago)
• Last Synced: 2024-06-28T02:51:36.934Z (6 months ago)
• Topics: api, css, google-analytics-4, picocss, react, scss, supabase-auth, vercel, vitejs
• Language: JavaScript
• Homepage: https://web103-listicle.vercel.app
• Size: 41.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WEB103 Project 1 - Top Movies

Submitted by: **Mike Odnis**

About this web app: **App description here**

Time spent: **59** hours

## Required Features

The following **required** functionality is completed:

- [x] **The web app uses only HTML, CSS, and JavaScript without a frontend framework**

- [x] **The web app displays a title**

- [x] **The web app displays at least five list items, each with at least three attributes (such as title, text, and image url)**

- [x] **The user can click on each item in the list to see a detailed view of it, including all database fields**

  - [x] *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*

- [x] **The web app serves an appropriate 404 page when no matching route is defined**

- [x] **The web app is appropriately styled using Picocss**

The following **optional** features are implemented:

- [x] The web app displays items in a unique format, such as cards rather than lists

The following **additional** features are implemented:

- [x] PWA

- [x] Offline support

- [ ] Filtering Feature

- [x] Pagination Feature

- [x] Search Feature

## Video Walkthrough

**Note: please be sure to

Here's a walkthrough of implemented required features:



GIF created with ScreenToGif.

## Notes

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

## License

Copyright [2023] [Mike Odnis]

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.