DEV Community

loading...
Cover image for Project 35 of 100 - React Ecommerce PWA

Project 35 of 100 - React Ecommerce PWA

James Hubert
Customer experience-centric product lover and front-end developer in New York. Follow my dev Twitter: www.twitter.com/jwhubert91
惻1 min read

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!

Discussion (0)

Forem Open with the Forem app