crewmates's Introduction

Web Development Project 7 - Crewmates

Submitted by: Noel Alfaro

Create your own, edit & delete others, or view the gallery of all the crewmates currently in the database. This project uses react-router-dom and the supabase database & API to allow users to view different pages where they can view, edit, and create their own crewmates to the database.

Time spent: 8 hours spent in total

Required Features

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 and 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:

Light and Dark mode implemented

Video Walkthrough

Here's a walkthrough of implemented user stories:

GIF created with Kap for macOS

Notes

License

Copyright 2023

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.

Recommend Projects