Code Monkey home page Code Monkey logo

meals-catalogue's Introduction

Meals Catalogue

This is a React- Redux meals catalogue application it consists of a browsable list of foods that you can filter and access to the details of one specific type of food.

List of foods

screenshot

One type of food

screenshot

Live Demo

Check the application live Here

Available Commands

Command Description
npm install Install project dependencies
npm start Build project and open web server running project
npm run build Builds code bundle with production settings (minification, uglification, etc..)

Getting Started

  • Clone this repo

    git clone https://github.com/DeliceLydia/meals-catalogue.git
    
  • Navigate to meals-catalogue folder

    cd meals-catalogue
    
  • On the terminal, while in the 'meals-catalogue' directory:

  • Run git checkout feature-branch

  • Run git pull origin feature-branch

  • Run npm install to install dependencies

  • Start the server by running npm start

  • The server would usually start on port:3000

Built with

  • HTML
  • CSS
  • React
  • Redux
  • Netlify

Tested with

  • Jest

Author

๐Ÿ‘ค Delice Lydia

Contribution

  • Clone the repo using the above instructions
  • Create a new branch: git checkout -b awesome branch
  • Add your changes and commit the file
  • Push to your forked repo
  • Make a pull request to develop branch

Acknowledgments

Massive thanks to Marc-Antoine Roy on Behance for sharing his Design idea

Show your support

Give a โญ๏ธ if you like

๐Ÿ“ License

This project is MIT licensed.

meals-catalogue's People

Contributors

delicelydia avatar

Stargazers

 avatar Henry Kc avatar Abraham R avatar Daniel Larbi Addo  avatar

Watchers

James Cloos avatar  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.