Food Zone 🍴

Food Zone is a React JS-powered web app. This provides information on the restaurant's menu. The data is retrieved from the server via an API request. The project also has a backend, from which we conduct or call activities.

Features :

Filter option Button, Search Bar option, Fully Responsive for any devices.

Video Demo 💡

food.zone.edit.webm

Tech Stack 🌐

Front-end :

Javascript, React JS, Styled-Components (css).

Back-end :

Express JS, Typescript, JSON

Lessons Learned 👨‍💻

• UseEffect, UseState functionalities
• API calling, how to show JSON files
• Using styled-componets in React JS
• Making server
• Using flexbox functionalities for making it responsive
• Fetching Data using API, rendering it in webpage

Run Locally 💨

Clone the project

  git clone https://github.com/anshulsoni4/Food-Zone-Webpage

Start the server

  cd server

  npm run server

Go to the project directory

  cd app

Install dependencies

  npm install

Run the project

  npm run dev

Contributing 🤝

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Documentation 📃

• React JS
• Styled-Components
• Express JS
• NPM

License 📍

MIT

Feedback 🤩

Your feedbacks are valueable and most welcomed. If you have any feedback, please reach out to me - anshulsoni3040@gmail.com

Authors 💚

• @anshulsoni4
• Socials