React E-commerce Page Rebuild
Budget: $15 – $25 USD
I need to rebuild the main product page of my e-commerce site in modern JavaScript, using React as the framework. The goal is a faster, cleaner, mobile-first experience that highlights products effectively and encourages engagement.
The new page must:
• Render products dynamically, with an intuitive search or filter that returns results instantly.
• Include a fully functional user review and rating section for each product.
I will supply any endpoints or sample data you need; for now, lightweight mock data is fine so long as the components can be dropped onto my existing stack later. Code should be written with functional components and React hooks, use semantic HTML for accessibility, and be styled in a maintainable way (CSS Modules or styled-components are both acceptable).
Deliverables:
1. Complete React source for the rebuilt page.
2. A concise README explaining setup, build, and how to swap in real data.
3. Mock data file to demonstrate product display, search, and reviews.
4. A live or build preview so I can test responsiveness and performance before sign-off.
The work is finished once the page loads quickly on desktop and mobile, displays products correctly, returns accurate search results, and records or surfaces reviews without errors.
The new page must:
• Render products dynamically, with an intuitive search or filter that returns results instantly.
• Include a fully functional user review and rating section for each product.
I will supply any endpoints or sample data you need; for now, lightweight mock data is fine so long as the components can be dropped onto my existing stack later. Code should be written with functional components and React hooks, use semantic HTML for accessibility, and be styled in a maintainable way (CSS Modules or styled-components are both acceptable).
Deliverables:
1. Complete React source for the rebuilt page.
2. A concise README explaining setup, build, and how to swap in real data.
3. Mock data file to demonstrate product display, search, and reviews.
4. A live or build preview so I can test responsiveness and performance before sign-off.
The work is finished once the page loads quickly on desktop and mobile, displays products correctly, returns accurate search results, and records or surfaces reviews without errors.
Related categories:
JavaScript
CSS
HTML5
HTML
Agile Development
Frontend Development
API Integration
Accessibility