Submitted by: Charlize Angeles
This web app: Create a pokemon team from scratch by choosing their name, type (poison, water, etc), and health level. Members of the team can be added, edited, and removed.
Time spent: 12 hours spent in total
The following required functionality is completed:
- A create form allows users to add new cremates
- Users can name the crewmate and set the crewmate's attributes by clicking on one of several values
- The site displays a summary page of all the user's added crewmates
- A previously created crewmate can be updated from the crewmate list
- A previously created crewmate can be deleted from the crewmate list
- Each crewmate has a direct, unique link to an info page about them
The following optional features are implemented:
- A crewmate can be given a category upon creation which restricts their attributes
- The site displays summary statistics about a user's crew on their crew page
- The site displays a custom "success" metric about a user's crew which changes the look of the crewmate list
The following additional features are implemented: a
- Images of Pokemon members change according to their type
Here's a walkthrough of implemented user stories:
GIF created with LiceCAP
A challenge was setting up the router to connect all the pages; I had to refer to the lab a lot. It was also tricky creating the Create Pokemon page since I had to learn how to connect the different input types like text and a drop down menu with Supabase. Since I had images that change according to the pokemon's type, I also had trouble with it rendering.
Copyright 2024 Charlize Angeles
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.