Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.env.example
.gitignore
README.md
package-lock.json
package.json
wishlist_app-map.png
wishlist_wireframe.png

README.md

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.

You can’t perform that action at this time.