https://github.com/maliha-tasnim/la-dolce-vita-restaurant

This project is the final capstone project for 'Meta Front-End Developer Certification by Coursera'.
https://github.com/maliha-tasnim/la-dolce-vita-restaurant

css3 grid-layout meta-capstone-project metafrontend react responsive-website

Last synced: 14 days ago
JSON representation

This project is the final capstone project for 'Meta Front-End Developer Certification by Coursera'.

• Host: GitHub
• URL: https://github.com/maliha-tasnim/la-dolce-vita-restaurant
• Owner: Maliha-Tasnim
• License: mit
• Created: 2024-10-31T13:32:48.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-10-31T13:49:33.000Z (3 months ago)
• Last Synced: 2024-10-31T14:33:44.027Z (3 months ago)
• Topics: css3, grid-layout, meta-capstone-project, metafrontend, react, responsive-website
• Language: JavaScript
• Homepage: https://la-dolce-vita-restaurant.netlify.app
• Size: 7.33 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
La Dolce Vita Restaurant


A Front-end Restaurant Website







    

    

    

    

    



  

  
 🌟 Website Live Demo 🌟 


![desktop](https://github.com/user-attachments/assets/a8133368-6347-4349-874c-6b7efc4cf7c2)



  



## Project Overview

This repository houses the front-end codebase of the final capstone project of 'Meta Front-End Developer Professional Certification by Coursera'. Development of this project is inspired by the concept of 'Little Lemon Restaurant', which is a demo project of that certification course. Basically this repository showcases a responsive and interactive restaurant website built using React. This project aims to provide them with a modern online presence that enhances their brand identity and customer interaction. The website enables users to explore the menu, learn about the restaurant's history, and seamlessly make online reservations.

## Features and Functionalities

1. Dynamic User Interface: The website employs React components for a modular and maintainable architecture, ensuring a smooth and engaging user experience across various devices.

2. Interactive Menu: The menu section presents dishes in an appealing manner, potentially incorporating features like filtering, search, and detailed views with high-quality images.

3. Real-time Reservation System: Customers can book tables online through a user-friendly interface that allows them to select date, time, and party size, receiving instant confirmation.

4. Responsive Design: The website adapts seamlessly to different screen sizes and devices, ensuring optimal usability on desktops, tablets, and mobile phones.

## Technical Implementation

🔹React.js: Core framework for building the user interface, managing state, and handling user interactions.

🔹HTML5: Provides the structural foundation for the website's content and elements.

🔹CSS3: Used for styling the website, including layout, typography, color schemes, and responsiveness.

🔹JavaScript (ES6+): Enables dynamic behavior, data handling, and interaction with APIs.

## Getting Started

🔹Clone the repository: git clone https://github.com/Maliha-Tasnim/la-dolce-vita-restaurant

🔹Navigate to the project directory: cd la-dolce-vita-restaurant

🔹Install dependencies: npm install

🔹Launch the development server: npm start