Shop in React

A simple full-stack application with:

• Frontend (React/Vite) deployed on Netlify
• Backend (Node.js/json-server) deployed on Render

---

🌐 Live Demo

https://shop-by-react.netlify.app

⚠️ Note: Because the backend runs on Render Free, it may go to sleep after some inactivity. The first page load/display can take 15–30 seconds while the server wakes up.

---

Screenshot:

---

Technologies:

• HTML
• CSS
• Javascript
• React
• React Router
• Vite
• Netlify
• json-server
• Render
• Node.js
• styled components
• custom hooks
• figma
• git

---

🚀 Run Locally

Clone the project

git clone https://github.com/RobFyd/shop-in-react.git
cd shop-in-react

npm install //Install dependencies

npm run dev //Start the development servers (frontend + backend run in parallel)

npm run reset //Reset database to original state

---

🏗️ Architecture

• Frontend: React + Vite, React Router for navigation
• Backend: json-server (mock REST API)
• Monorepo: Managed with NPM workspaces
• Deployment:
  • Netlify → frontend
  • Render (Free) → backend (cold start possible)