/acnhwishlist

Villager wish list maker built with React, Typescript, Node, and PostgreSQL

Primary LanguageTypeScript

ACNH Villager Wish List

ACNH Villager Wish List is a full stack wish list maker built with React, Typescript, Node, and PostgreSQL.

ACNH Villager Wish List is live on Netlify.

Users can browse for their favorite villagers and create a wish list for villagers they would love to have in their town. Users can click on a villager's image to view a bigger picture of the image. Wish lists can be exported to the user's clipboard.

Screenshot of Demo Video

To Do

  • Filter by animal type and personality
  • Test routes and search functionality

Component Hierarchy

App
├── NavBar
├──┬ Routes
│  └─┬ Home
│    ├── SearchBar  
│    └── VillagerCard    
└─┬ Wishlist
  └── WishlistCard

Future Implementations

  • Convert class components into functional components and use React Hooks!