Skip to content

nss-evening-cohort-21/InCRUDibles

Repository files navigation

Pintwist

View The App Here

Get Started

$ git clone [email protected]:nss-evening-cohort-21/InCRUDibles.git

$ cd InCRUDibles

About the user

  • The ideal user for Pintwist is anyone trying to keep track of their favorite collection of images
  • They want to keep notes on project inspirations organized with pins of images in collections of boards

Features

  • Full CRUD
  • Searches Pins
  • Private and public pins/boards

Video Walkthrough of Pintwist

https://www.loom.com/share/8331fafbc0ef4de49a8f81d9fd316573

Relevant Links

Pintwist Wireframe made using Figma

Pintwist ERD made using dbDiagram

  • Assumption: Each bin can fall under only one board. Boards can have many pins

  • Flowchart

Code Snippet

  const getSearchResults = () => {
    getPins(user.uid).then((searchResultsArray) => {
      const filterResults = searchResultsArray.filter((pins) => pins.name.toLowerCase().includes(searchInput)
      || pins.description.toLowerCase().includes(searchInput)
      || pins.board_id.toLowerCase().includes(searchInput));
      setSearchResults(filterResults);
    });
  };

Project Screenshots

Pintwist Home

Tech/framework used

Built with React Next JS Netlify Figma

API Reference

Firebase

Contributors