With Love, Adiah: A frontend e-commerce site inspired by my growth and knowledge around self love and care. The goal of this project was to be able to build on my skills as a Software Engineer, learn more about API's and what it takes to build an e-commerce site, especially at a time where it's become essential to a business' survival.
*Note: Although users are able to put in their actual card information and see the charge via Stripe.js API, this is not a site where you order and recieve products. Please do NOT enter actual card information. A demo card number, zip code and expiration date will be located in the Checkout portion of the site.
This app was built with React. Best viewed on Web [Beta Mode: Still building]
- Guests can add and remove products to cart
- Guests can view more information on single products
- Guests are able to utilize the checkout feature as they would on an actual e-commerce site
- Guests will recieve email confirmation of their purchase and when their orders "ship"
- Guests should be able to view the shop by section ex. Skin Care, Books, Wine
- A tab on the "Solo Product" page where products that are in the same family are listed
- Possibility for user accounts (User authentication)
- Utilizing ecommerce.js to create a personailzed store with my own products and learning how to navigate its API in order to pull the information that was needed (Product list, price, images)
- Utilizing Stripe.js for the Checkout portion of the app
- Creating the explore slider from scratch
- Utilizing Canva, enhancement tools and image cutting tools to create product displays for some of my favorite products
- Understanding of User Flow on e-commerce sites (What works/What doesn't)
- Research on best UX/UI practices based on the type of site one is building