Home / Articles / Blog

FrontendFull-StackReactE-commerce

October 12 letter

One Page E-commerce website

Shrey Vijayvargiya

Inspired by this Tweet

I want to make something small but workable, probably like a single React component application

Meaning it should only be one file application, all code should be written using React and other npm modules

If the application is a multi-page then use Modal, Drawers, Sidebars, so overlays

For example, how my e-commerce product will be rendered

  • Account page inside account modal
  • Blog page, subscribe page inside Blog modal
  • legal, privacy, faq inside Help modal
  • Each product's details are inside the drawers/modal. I prefer a modal
  • each blog is again inside a modal (but can't cover SEO)
  • landing page contains tabs, product listing, search feature, footer and company social links
  • account page: user address details, cart and payment
  • login form is also a modal with Google login and email-password login (same can be done for signup)
  • The subscribe form is a newsletter form inside a modal

I've added basic methods and functions, serving images and data from an array (which will be replaced by an API)

This gives me the smallest but workable e-commerce application/website,

This code helps one of our clients to quickly launch and run any e-commerce brand to test the idea ASAP

And soon I will put it live on gettemplate.website

External Links (2)

Explore topics

More in

Weekly letter

Subscribe to iHateReading

Our once-a-week newsletter on programming, jobs, AI, and building products online.

Our once a week newsletter on Programming, Jobs, AI, and Business