Skip to content

A recipe app built with Webpack that fetches recipes from an external API. Users can search and browse various recipes, view detailed instructions, and save their favorites. The app does not support adding new recipes but allows users to manage a list of their favorite dishes for easy access.

Notifications You must be signed in to change notification settings

juliabgkv/recipes-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Reciptoria

It is a multipage web application powered by DummyJSON API, that shows lists of recipes, allows to save recipes (in localStorage) and search recipe by name.

Live Demo: https://reciptoria.com/

Tech 💻

  • HTML
  • SASS(SCSS)
  • JavaScript
  • Webpack
  • DummyJSON API

Screenshot 📸

App Screenshot

Lessons Learned 🧠

  • Creating multiple page application in Webpack
  • How to implement live search
  • How to implement 'Load more' button
  • Work with ES modules

Run Locally

Clone the project

  git clone https://github.com/juliabgkv/recipes-js.git

Go to the project directory

  cd recipes-js

Install dependencies

  npm install

Start the server

  npm run start

About

A recipe app built with Webpack that fetches recipes from an external API. Users can search and browse various recipes, view detailed instructions, and save their favorites. The app does not support adding new recipes but allows users to manage a list of their favorite dishes for easy access.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published