https://github.com/kislevlevy/forkify
Forkify is a recipe search engine with a modern UI, allowing users to find, save, and create recipes easily.
https://github.com/kislevlevy/forkify
api css3 dom-manipulation html5 javascript parcel
Last synced: 3 months ago
JSON representation
Forkify is a recipe search engine with a modern UI, allowing users to find, save, and create recipes easily.
- Host: GitHub
- URL: https://github.com/kislevlevy/forkify
- Owner: kislevlevy
- Created: 2024-05-15T21:09:18.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-27T23:23:52.000Z (over 1 year ago)
- Last Synced: 2025-02-26T00:31:47.560Z (over 1 year ago)
- Topics: api, css3, dom-manipulation, html5, javascript, parcel
- Language: JavaScript
- Homepage: http://kislev.me/forkify
- Size: 170 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Forkify
## Project Overview
Forkify is a recipe search engine that allows users to find, collect, and create recipes. It provides a modern and clean user interface to enhance the user experience.
## Features
- Search for recipes from a large database.
- Adjust serving sizes.
- Save recipes to your personal collection.
- Create recipes without the need to log in.
- Modern and clean UI for an enhanced user experience.
## Technologies and Tools
- **HTML:** Structure of the web page
- **CSS:** Styling of the web page
- **JavaScript:** Application logic and interactivity
- **Parcel:** Bundling and building the project
## Skills Demonstrated
- **JavaScript:** Implementing application logic and interactivity
- **DOM manipulation:** Dynamically updating the content and style of the web page based on user interactions
- **REST API:** Fetching and displaying data from an external API
- **Simple Database:** Managing and storing user data
- **GIT:** Version control and collaboration
- **Parcel:** Efficient bundling and building of the project
## Installation
To run the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/kislevlevy/forkify
```
2. Navigate to the project directory:
```bash
cd forkify
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
> You can also preview the application by visiting the following link: [Forkify](https://kislevlevy.github.io/forkify/)
## Usage
- Use the search bar to find recipes by keyword.
- Adjust the serving sizes to fit your needs.
- Save your favorite recipes to your personal collection.
- Create and add your own recipes without needing to log in.