← Back to Projects
Salad Bar Ordering System

Salad Bar Ordering System

ReactNode.jsExpressRESTful APIBootstrap

A responsive web application developed as a part of the course EDAF90 webprogramming at LTH, for a salad bar restaurant that allows customers to build custom salads and place orders. Developed with a React frontend and Node.js RESTful API backend.

Key Features

  • ✓Component-based architecture using React functional components and hooks (useState, useEffect)
  • ✓State management with React Context and localStorage for persistent cart data
  • ✓RESTful API implementation with Express.js following REST principles
  • ✓Modular backend with dedicated endpoints for foundations, proteins, extras, and dressings
  • ✓Real-time form validation using HTML5 validation API and custom validation logic
  • ✓Cross-Origin Resource Sharing (CORS) configuration for secure API access

Challenges & Solutions

  • ↳Implementing efficient data fetching strategies to minimize API calls while maintaining data consistency

Project Screenshots

Salad Bar Ordering System screenshot 1
Salad Bar Ordering System screenshot 2
Salad Bar Ordering System screenshot 3