Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gauravxlokhande/foodieland-the-food-hub
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. Developed using React.js.
https://github.com/gauravxlokhande/foodieland-the-food-hub
cookingtimes culinaryassistance foodblogs foodieland foodrecipes frontenddevelopment javascript nutritioninfo react-components reactjs sass sass-framework scss selfmadechefs webdevelopment
Last synced: 15 days ago
JSON representation
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. Developed using React.js.
- Host: GitHub
- URL: https://github.com/gauravxlokhande/foodieland-the-food-hub
- Owner: gauravxlokhande
- Created: 2024-07-11T12:29:00.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-15T07:23:42.000Z (4 months ago)
- Last Synced: 2024-10-10T15:21:50.581Z (about 1 month ago)
- Topics: cookingtimes, culinaryassistance, foodblogs, foodieland, foodrecipes, frontenddevelopment, javascript, nutritioninfo, react-components, reactjs, sass, sass-framework, scss, selfmadechefs, webdevelopment
- Language: JavaScript
- Homepage: https://6698d8f47f498178b70e6b78--foodielandthefoodhub.netlify.app/Home
- Size: 7.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
https://github.com/user-attachments/assets/c9e94dc0-e6b0-4ed5-a9bc-865cee561388
### 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:
```bash
npm install
```
4. **Run the Development Server**
- After the installation is complete, run the following command to start the project on the local server:
```bash
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](https://nodejs.org/).
### 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!