Submitted by: Rebecca Smith
Sea Monster Crowdfunding is the ultimate hub for discovering the company’s most popular crowdfunded games. Easily filter through funded and unfunded titles, or browse all games sorted by total pledges. Don’t miss your chance to support exciting early-access games—make your pledge today and unlock exclusive rewards!
Time spent: 16 hours spent in total
The following required functionality is completed:
- The introduction section explains the background of the company and how many games remain unfunded.
- The Stats section includes information about the total contributions and dollars raised as well as the top two most funded games.
- The Our Games section initially displays all games funded by Sea Monster Crowdfunding
- The Our Games section has three buttons that allow the user to display only unfunded games, only funded games, or all games.
The following optional features are implemented:
- Added the amount of money "Needed" or the amount of money "Over" to each game card.
- Added a button that sorts the game list by the amount of backers it has.
- Search bar to search for specific games.
- Used a lighter color theme.
- Button color changes and uses the pointer on hover.
- Added content wrapper to help center all of the main content.
Here's a walkthrough of implemented features:
https://www.loom.com/share/f373a0350c78461db2f7ef99615e5311?sid=c6f8db76-14d7-462b-a875-bf9c72bd28dd
Video created with Loom
Challenges I encountered:
- It was a challenge to find the right words and numbers for each of the passwords. It might be silly, but I kept using the wrong div name for challenge #3. It took me awhile to realize that I was using the wrong div name for the password (the hint helped).
- Implementing the search box took some time because I wasn't sure how to get the output out of the form initially. Event listeners and the filter function helped a lot here.
Copyright [2025] [Rebecca Smith]
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.