Skip to content

nss-evening-cohort-21/InCRUDibles

Repository files navigation

Pintwist

View The App Here

Get Started

$ git clone git@github.com: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

About

Front End React Group Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published