FoodieLand

Developed Using ReactJs: JSX, SCSS

Introduction

FoodieLand is a dynamic website designed for self-made chefs. It showcases a wide range of food categories and recipes, complete with cooking times, types, and detailed nutritional information. Users can explore blogs sharing recipes, insights, and experiences, as well as contact experts for any culinary assistance.

Foodieland.-.Google.Chrome.2024-07-12.11-10-45.1.mp4

Installation and Setup

To run the website, follow these steps:

1. Download and Unzip the Project

   • Download the zip folder from the repository.
   • Unzip the folder.

2. Open the Project in an IDE

   • Open the unzipped folder in your preferred IDE (Visual Studio Code is recommended).
   • Right-click on the folder and select "Open in Terminal."
   • Alternatively, you can open the terminal manually and navigate to the project folder, then type code . and press Enter.

3. Install Dependencies

   • In the terminal, run the following command to install all necessary packages:

     npm install

4. Run the Development Server

   • After the installation is complete, run the following command to start the project on the local server:

     npm run dev

5. Access the Project

   • Once the server is running, the project will be hosted on your local server. Open your browser and navigate to the provided local server URL.

Prerequisites

• Make sure Node.js is installed on your system. You can download and install it from Node.js.

Ready to Go

After completing the above steps, your FoodieLand project should be up and running on your local server. Enjoy exploring and contributing to the project!