DEV Community

martinpeak
martinpeak

Posted on

Making a Website Application (Belafonte Food Hub) using the React Library

Belafonte Food Hub Using React

Author : Martin Chege 26th July 2022

Using a JSON server I came up with a list of meals that are available on a website: Belafonte Food Hub website that offers users a variety of meals where one can scroll and learn how to cook the meal and add their own meal in the website.

Getting:
1.List of meals/dish.
2.Name of the meal.
3.Category: such as Soup or side dish.
4.Origin of the meal.
5.Add your meal


SCREENSHOTS

Screenshot from 2022-07-31 23-46-09
Screenshot from 2022-07-31 23-46-17
Screenshot from 2022-07-31 23-46-28
Screenshot from 2022-07-31 23-46-36

Getting Files

  • Fork the repo
  • Create a new branch in your terminal (git checkout -b improve-feature)
  • Install the prerequisites.
  • Make appropriate changes in file(s)
  • Run the server to see the changes
  • Add the changes and commit them (git commit -am "Improve App")
  • Push to the branch (git push origin improve-app)
  • Create a Pull request
  • Open the folder location on terminal and use the following command to run app:

How To Run It
start server and npm start

Technologies Used

  1. HTML
  2. CSS
  3. JavaScript
  4. React Library

Top comments (0)