Giter VIP home page Giter VIP logo

platters-project's Introduction

ABOUT THE PROJECT

  • A simple javascript project called platters.

Run npm install to install dependencies.

Then run (npm start) to start the npm script which will bundle our files and start the web pack dev server.

FUNCTIONALITIES OF THE APP

  • You can search for recipes i used spooncular food api to fetch recipes ๐Ÿ˜‹

  • You can create your own recipes ๐Ÿ‘จโ€๐Ÿณ

  • The app has three parts [user] part [author] part & [most-liked-recipes] part.

THE USER PART

  • To like a recipe, you need to have a user account.

  • When you are logged in the account is saved in the browser's localstorage.

  • In user mode, you can can like recipes which will be saved in the browser's localstorage.

  • You can also login with your previous account which will be stored in the browser's localstorage, and if you have any liked recipes it will be displayed once you login.

  • You can have as many users as you want, with their liked recipes.

SOMETHING TO NOTE โš ๏ธ

  • The authentication for account is not real as this a simple js project, but it does do validation of your saved account.

THE AUTHOR PART

  • You can create a recipe by creating an account as an author.

  • You can also like a recipe as an author.

MOST LIKED RECIPES PART ๐Ÿ”ฅ

  • If the recipe has more than one like it will be rendered as most liked recipe.

  • You can give recipe as many likes as you want, but you need to have multiple users or authors to be able to increase likes.

  • Most liked recipes will be rendered in descending order based on the number of likes.

platters-project's People

Contributors

msamij avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.