E-Shop
A demo e-commerce built in React (Vite + Tailwind) and published on Netlify as a school assignment at Företagsuniversitetet.
My Role: Solo Developer – school assignment at Företagsuniversitetet
2025
Tech Stack
React · Vite · Tailwind · Netlify
Problem / Context
School assignment to demonstrate understanding of React fundamentals by building a realistic e-commerce front end — product listing, cart, and checkout flow — without a backend.
Goals
- Implement full shopping-cart UX with React state and Context
- Persist cart state across page refreshes with localStorage
- Practice component composition and responsive layout with Tailwind
- Deploy publicly for portfolio demonstration
Challenges
- Keeping cart state in sync across deeply nested components without prop drilling
- Managing quantity updates and price calculations correctly
- Making the checkout flow feel natural without a real payment backend
Key Technical Decisions
- React Context + useReducer for predictable cart state management
- localStorage sync via a custom hook to persist across sessions
- Vite for near-instant HMR during development
- Netlify for free, automatic deployment from GitHub
Results / Impact
- Fully functional e-commerce UX demo available at a public URL
- Demonstrated React Context, hooks, and component architecture proficiency
- Received a passing grade and positive feedback from instructors
What I Would Improve Next
- Add a real payment integration (Stripe) and order management backend
- Implement product search, filtering, and sorting
- Add user authentication for order history