Code Monkey home page Code Monkey logo

commerce-product-listing's Introduction

David McGregor

Software developer based in New York City

I'm a full-stack software developer and tech enthusiast working in New York. I love working with dev teams to build great technology, and never miss an opportunity to expand my programming knowledge.

Tech Skills

JavaScript, Python, Django, React, React Native, Redux, Vue, Node.js, Express, Docker, TailwindCSS, Material-UI, PostgreSQL, MongoDB, CraftCMS, Twig, Rails, Ruby, APIs, AWS, Git, Heroku

Other Skills

  • Agile methodology, test-driven development, pair-programming, process diagramming
  • Fast learner who thrives on challenges and keeping on top of the latest trends
  • Passionate about effective teamwork, problem solving and professional development
  • Advanced communications skills across digital strategy, public relations, supporter growth, social media, fundraising and campaigns
  • Experienced in Social Media Marketing,the Adobe Creative Suite, Google Analytics and SEO

commerce-product-listing's People

Watchers

avatar avatar

commerce-product-listing's Issues

Todo

  • Init react app and delete boilerplate code
  • Create components structure
    • Header
      • Search
      • Filter
    • ProductList
      • ProductCard
  • Set up context API
  • Set up lifecycle method and fetch function to bring in data
  • Set up utils functions for search and filter + tests
  • Wire up filter - get some basic visibility on Product components
  • Wire up search - get some basic visibility on Product components
  • Create a container wrapper for App (padding in line with design)
  • Bring in image files
  • Style using grid with responsive breakpoints
  • Style ProductCards - make sure to include 'Sale' indicator
  • Ensure image car lines up with select filter
  • Refine CSS as much as possible - rounded cards, transition
  • Style header components
  • Write unit tests for all
  • Fix loading flicker (fixed with conditional rendering in ProductList)
  • Ensure search on each keystroke (fixed with conditional logic in context)
  • Ensure no console errors
  • Ensure accessibility/aria-labelling/semantic html
  • Tidy up README
  • Final check against AC

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.