← 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