Vision-X / linky-frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Linky - Front-End build with React

Pt.1 Building the frontend!

  • create react app boilerplate
  • Wipe crap out we dont need
  • Header component
  • search field box
  • tag filter button box
  • Build showAll component (in App.js for now)

Pt. 2

  • Basic style existing components

  • bring in Bootstrap/Bootswatch

  • Customize each Link card

  • snag favicon

  • Populate DB with more links

  • Filter functionality - Checkboxes!

  • buttons for each tag (tag filter button box)

    • onClick --- filter by that tag name
    • render/return filtered elements

Pt.3 - Late night Goals (Day1)! (on filter-mod branch!!!!!)

  • Search Filter - Dynamically typed text!
    • filter by search text input
      • return items that match on keyup
  • Refactor codebase
  • clean up style
  • populate DB with all my links

Pt. 4 - (Day2) final crunch

  • Fix known issues, including...
    • link wraps on card too far left
    • change the Show/Hide icons to png format for opacity
    • center show/hide icons, add text
    • fix Header
    • Logo/h1 needs work
      • bring in link icon in png, attach to h1
    • favicons are too big currently
    • header on mobile? who cares?
    • box shadow on link cards could be improved - or go lol.
    • [] google fonts up in thissss
    • [] bring in lightweight .woff fonts || not incredibly important

About


Languages

Language:JavaScript 79.9%Language:CSS 18.9%Language:HTML 1.2%