Project 35 of 100 - React Ecommerce PWA

jameshubert_com

James Hubert

Posted on January 20, 2021

Project 35 of 100 - React Ecommerce PWA

Hey! I'm on a mission to make 100 React.js projects ending March 8th. Please follow my dev.to profile or my twitter for updates and feel free to reach out if you have questions. Thanks for your support!

Link to today's deployed app: Link
Link to the repo: github

DISCLAIMER:

The woman in the pictures on this site is a model. Pressing the chat button will not connect you with her. I'm surprised I have to say this. Anyway I have disabled the link. If you really want to buy women's accessories feel free to check back in a week when the domain is set up and the final style tweaks have been made.

Today I helped launch the PWA version of the beta draft of this eCommerce site directed at women's accessories for a client. This draft includes a nearly-perfect Lighthouse score and an offline page. The site is intended almost completely for mobile users, so it doesn't look quite as nice on a desktop.

To fulfill the PWA requirements I once again followed this Javascript Mastery Youtube course.

For the slideshow effect I used the react-slideshow-image npm package and created a component with it. Each of these components were fed the images with props and an image array.

Let me know what you think!

💖 💪 🙅 🚩
jameshubert_com
James Hubert

Posted on January 20, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related