DEV Community

Cover image for Project 35 of 100 - React Ecommerce PWA
James Hubert
James Hubert

Posted on

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 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


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!

Top comments (0)