DEV Community

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

Posted on

2

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!

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay