<a name="readme-top"></a>

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <h3 align="center">The Valet</h3>
  <p align="center">
    A Resturant Web App
    <br />
    <a href="https://moises-devs.github.io/TheValet/">View Demo</a>
  </p>
</div>



<!-- TABLE OF CONTENTS -->
<details>
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
    </li>
    <li>
      <a href="#how-to-use">How to use</a>
    </li>
    <li><a href="#author-info">Author info</a></li>
  </ol>
</details>

### Screenshots

![The Valet homepage](/src/images/Description/screenshot.png)

<p align="right">(<a href="#readme-top">back to top</a>)</p>


<!-- ABOUT THE PROJECT -->
## About The Project
* A Resturant App
* Application works with a free Italian Food API
* Fully Responsive

### Built With

* React (hooks)
* NPM
* Framer Motion

### What I learned
* How to use Framer Motion
* Practice using React Context for modal control


## How to use 
* [Visit the Link](https://moises-devs.github.io/TheValet/)

## Author Info 
* Built by myself