E-commerce Store Project

Live demo: https://ecommerce-store-8bpe.onrender.com/

Deployment

• Hosted on Render
• Auto-deploys from hosted branch

Backend

• Node.js + Express
• TypeScript
• Neon (Serverless Postgres)
• Helmet for security headers
• CORS enabled
• Morgan for request logging

Frontend

• React 18 with TypeScript
• Vite for build tooling
• Zustand for state management
• React Router for navigation
• Tailwind CSS + DaisyUI for styling
• Axios for API calls
• React Hot Toast for notifications

Security & Performance

• Arcjet for rate limiting and bot protection
• Content Security Policy implemented
• TypeScript for type safety
• Error handling
• Graceful server shutdown

Features

• Products Management

  • Create, Read, Update, Delete (CRUD)
  • Image URL support
  • Price formatting
  • Responsive grid layout

• UI/UX

  • Responsive design
  • Loading states
  • Error handling
  • Toast notifications
  • Modal dialogs
  • Card-based layout

• Development

  • Hot reloading
  • TypeScript validation
  • Environment-based configuration
  • Production-ready build setup