Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

WishList

Technologies Used

The WishList app was created with:

This app is:

About This App

WishList uses two models: wishlists and items. Both are connected in a one-to-many relationship, where items are tied to lists. Visitors can create a wishlist, add desired items to wishlists, mark items as "gifted", search for wishlists, as well as delete/update wishlists.

Approach Taken

  1. Created user stories. Based on user stories, broke out functionality into small tasks.
  2. Created wireframe of app on desktop and mobile.
  3. Created React map to understand all of the components involved, how they would be related, and which would have state.
  4. Additionally, researched React Router and mapped out routes.
  5. Determined model tables, created seed data.
  6. Created full CRUD API with Ruby on Rails.
  7. Worked through frontend components and CRUD functionality.
  8. Implemented React Bootstrap and custom CSS to style app.

User Stories

As a user, I should be able to edit a wishlist.

As a user, I can create a new item for a wishlist.

As a user, I can delete an item from a wishlist

As a user, I should see a featured (random) wishlist on the homepage.

As a user, I should be able to search for specific wishlists.

As a user, when I search, I should see a list of wishlists showing the list name and description.

As a user, when I click on a search result, I should only see that wishlist displayed with only those items visible.

As a user, I should be able to create a wishlist.

As a user, I should be able to delete a wishlist.

As a user, I can edit an item on a wishlist.

As a user, I can see all items on a wishlist.

Wireframe & React Map

alt-text

alt-text

Authors

Unsolved Problems

On mobile, the edit and delete icons change color permanently after clicking on them when viewing a wishlist. On desktop, these icons change color only on hover, as intended. On mobile, these icons should not change color permanently.

About

No description, website, or topics provided.

Resources

Releases

No releases published

Packages

No packages published