<h3 id="heading-building-a-food-app"><strong>Building a Food App:</strong></h3>
<h3 id="heading-day-1-creating-the-navbar-and-footer"><strong>Day 1 - Creating the Navbar and Footer</strong></h3>
<p>I started by setting up the basic layout of our app with a navbar and footer.</p>
<h4 id="heading-the-vision"><strong>The Vision</strong></h4>
<p>Our goal is to create a user-friendly food app that allows users to browse restaurants, view menus, place orders, and track deliveries. We aim to create a responsive and visually appealing interface to enhance the user experience.</p>
<h4 id="heading-setting-up-the-project"><strong>Setting Up the Project</strong></h4>
<p>To begin, we set up a new React project using parcel. This provides us with a basic project structure and development environment to start building our app.</p>
<h4 id="heading-designing-the-navbar"><strong>Designing the Navbar</strong></h4>
<p>The navbar is an essential part of our app as it provides navigation links for users to browse different sections of the app. We designed a simple navbar with links to the home page, Sign in, help and cart.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1715172840473/4a8fe641-a0af-4aa7-9971-3ff16d9904b6.png" alt class="image--center mx-auto" /></p>
<h4 id="heading-creating-the-footer"><strong>Creating the Footer</strong></h4>
<p>The footer complements the navbar by providing additional information and links. We created a footer with links to about us, contact, and terms of service pages. We also included social media icons to encourage users to follow us on various platforms.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1715172874013/11b6a5f4-8440-4b59-a350-57c2e348c5c5.png" alt class="image--center mx-auto" /></p>


### **Building a Food App:**

### **Day 1 - Creating the Navbar and Footer**

I started by setting up the basic layout of our app with a navbar and footer.

#### **The Vision**

Our goal is to create a user-friendly food app that allows users to browse restaurants, view menus, place orders, and track deliveries. We aim to create a responsive and visually appealing interface to enhance the user experience.

#### **Setting Up the Project**

To begin, we set up a new React project using parcel. This provides us with a basic project structure and development environment to start building our app.

#### **Designing the Navbar**

The navbar is an essential part of our app as it provides navigation links for users to browse different sections of the app. We designed a simple navbar with links to the home page, Sign in, help and cart.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1715172840473/4a8fe641-a0af-4aa7-9971-3ff16d9904b6.png align="center")

#### **Creating the Footer**

The footer complements the navbar by providing additional information and links. We created a footer with links to about us, contact, and terms of service pages. We also included social media icons to encourage users to follow us on various platforms.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1715172874013/11b6a5f4-8440-4b59-a350-57c2e348c5c5.png align="center")

Day-8 of React with Me

Building a Food App:

Day 1 - Creating the Navbar and Footer

The Vision

Setting Up the Project

Designing the Navbar

Creating the Footer