verynerd-product-website-v2

The Very Nerdy Clothing Company site is a front-end example of a pre-order merchandise website. It utilizes HTML, CSS/SCSS, JavaScript, the React library, and the Bootstrap framework.

To Do:

• First visit logo screen
• Fixed height loading for carousel
• Product Modal
  • Add tab navigation for sizing?
• Aria accessability
• Cart / Checkout Pages
  • Mock Checkout Page
• Refactor / Organization of Components and CSS
  • Refactor CSS to be more mindful of reusability / specificity
  • Finalize CSS variables for theme

Advanced Wishlist:

• Consume Printful API to bring in products automatically
• Start orders with Printful API
• Integrate PayPal or similar to take payments
• Possible conversion to Redux instead of Context Providers/Consumers

Completed:

• Create and populate secondary pages, and any components required (5/22)
  • FAQ accordians
  • Sizing Chart Tables
• Newsletter Modal (5/22)
• Cart / Checkout Pages
  • Cart / Badge Navigation (5/23)
  • Setup Cart Context (5/23)
• Newsletter Modal: Email Validation (5/25)
• Cart / Checkout Pages
  • Create Cart Page
    • Layout (5/27)
    • Animate in and Out based on cart button (5/27)
    • AddItems (5/27)
    • Footer (5/28)
      • Style (5/28)
      • Checkout Button (5/28)
    • Items (5/28)
      • Style (5/28)
      • Add Remove and Increment / Decrement quantity functionality (5/28)
      • Adjust text at smaller screen sizes (5/29)
    • Use consistent X for close button (5/28)
• Product Card (5/29)
  • Remove social share buttons (5/29)
  • Size button and add "Add to Cart" text on all but smallest of screens (5/29)