React E-Commerce Site
2025-01-27
React E-Commerce Site
This project was a complete e-commerse site for selling comic books using a full JavaScript framework
Stack
Full-featured e-commerce site with shopping cart, product catalog, and checkout flow built with React and styled components.
Technology
- React 16.8.6 (Hooks era but uses class components)
- React Router for navigation
- Bootstrap-styled components
- Styled Components
- FontAwesome icons
Key Features
- Shopping cart using state management
- Product catalog with lazy loading of products
- Automatic cart totals
- Details pages for each product
Learning Focus
- State management with react redux
- React framework
- TypeScript interfaces for data
- SPA routing techniques
Ramblings
When I was working on this project it was a bag of mixed feelings. On one hand there were a lot of harnesses and patterns to follow to help write good functional code in a single page application. On the other it was a lot to take in at once and working with something so heavy meant I was trying to connect the dots as to how each piece fit together. It was valuable to learn how a router worked and how Typescript could help organize JavaScript in a way that warned you against mixing types, but I was fighting the fact that the framework was changing as I was working with it. A lot of the tutorials were not for the version of react I was using as I was on the bleeding edge.
Despite fighting with the framework itself, A good thing I learned while working on this project was that I learned how to dive into errors with greater fervor as that was the only way I managed to get this functional at the time.
Next project: Angular Golf Scorecard