Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food you love.

Related tags

Learning resource Javascript_capstone_poject
Overview

Big Chief

Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food you love. screenshot screenshot

Video link

Video link here

Built With

  • HTML
  • CSS
  • Javascript
  • Webpack

Prerequisites

The basic requirements for building the executable are:

  • A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
  • VSCode or any other equivalent code editor
  • Node Package Manager (For running, debuging, or installing dependancies to be used)

Setup

https://github.com/LionRouge1/Javascript_capstone_poject

Install

Getting packages and debuging with Stylelint

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

Getting packages and debuging with Webhint

npm init -y npm install --save-dev [email protected]

Getting packages and debuging with Eslint

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

Run tests

To run this project do the following tasks :

Authors

👤 Matchoudi

👤 Ifza Arain

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Comments
  • Javascript capstone project

    Javascript capstone project

    In the accomplishment of this project we did the following tasks :

    • We use webpack
    • Install linters
    • Use API to get data
    • Implement the interface of the website
    • Implement comment pop up
    • Implement interface mobile version
    • Set up a JavaScript testing library (Jest)
    opened by LionRouge1 0
  • Add Comment Modal

    Add Comment Modal

    • Comment Modal

    • Add the comment Popup

    • Display the Comment

    • Give a review using the comment section

    • Add functionality on the close icon

    • Install All linters

    • Use webpack

    opened by IfzaRasool 0
  • Javascript project

    Javascript project

    In the accomplishment of this project we did the following tasks :

    • We use webpack
    • Install linters
    • Use API to get data
    • Implement the interface of the website
    • Implement comment pop up
    • Implement interface mobile version
    • Set up a JavaScript testing library (Jest)
    opened by LionRouge1 0
  • [0.5pt] Find external API - group task

    [0.5pt] Find external API - group task

    Find an API to base the development of the webapp around it. The API should allow you to

    • Get a list of items with a unique item id (or generate the unique id).
    • For a given item, get detailed information about it. choose an APIs that doesn't need authentication. if you select an API that requires authentication, you should implement it on your own. Also, if you select an API that provides image resources your webapp will be more visual.
    opened by LionRouge1 0
  • [4pt] - Display list of items on the Homepage - Student A

    [4pt] - Display list of items on the Homepage - Student A

    Create the main part of the homepage that keeps the layout from the wireframe:

    Screenshot 2021-06-27 at 21 50 23

    When the page loads, the webapp retrieves data from the selected API and shows the list of items on screen with the basic data (e.g. title + image).

    Prepare also "Comments" and "Reservations" buttons. They should be doing nothing - just being displayed.

    This task does not include displaying the number of likes for each item.

    This task does not include the counter of the items.

    opened by LionRouge1 0
  • [4pt] -Display Comments pop up with selected item's details - Student B

    [4pt] -Display Comments pop up with selected item's details - Student B

    Create a comments popup only with the top section (displaying details of the selected item)

    Screenshot 2021-06-27 at 22 10 45

    When the popup loads, the webapp retrieves data from the selected API and shows details about the selected item.

    Add event to button prepared by your teammate that will open your popup. You need to communicate with your team member to make sure that you do not block each other (most likely the easiest solution is to merge the list of items feature to the dev branch before you try to add that event).

    opened by LionRouge1 0
Owner
AVLESSI Matchoudi
Software developer, with a love for react, redux, and python. I play chess and mess around with state machines in my spare time. Open to a new opportunity
AVLESSI Matchoudi
GitHub
Cooking Express is a website created for chefs and food lovers.

Cooking Express Cooking Express is a website created for chefs and food lovers to view recipes and find meal inspiration. They can also submit their o

Mariama Diallo 2 Jun 5, 2022
Platello is a web application that randomly generates food and drink recipes based on the user's preferences.

Platello Overview Platello is a web application that randomly generates food and drink recipes based on the user's preferences. Upon loading the page,

null 4 Nov 15, 2022
Food Delivery APP is a website designed to provide interactive user experience and increase user engagement when ordering food delivery.

Food-Delivery-APP Features Food Delivery APP is a website built with HTML/Tailwind CSS/JavaScript, React and enhanced with 3D design using Spline to p

Qian Xiang 3 Oct 6, 2022
A sweet MERN Stack app to add food recipes to your own Cook Book!

Welcome to LeCookBook ?? A sweet MERN Stack project, that lets you view, quicksearch, search by category and a randomizer with a cool UI. This page ha

Rene Ortega 2 Jun 3, 2022
WaffleHacks 2022 - Winner of 'Dream Big and Create More Cheers with AB InBev' & Honorable Mention for the Food Insecurity Track

Getting Started with Create React App Welcome to Leftover Marketplace. This is our project for WaffleHacks 2022. Links Presentation and Demo Video Web

Geer 3 Dec 27, 2022
Updog is an open-source social media webapp intended to allow everyday people to share their thoughts in a welcoming community.

SE701-Updog Updog is an open-source social media webapp intended to allow everyday people to share their thoughts in a welcoming community. This proje

SE 701 Team 2 UoA 14 Apr 18, 2022
API for the Baby Food Introduction Application. Keep your baby's food introductions in check with this application and backtrack in case of allergies!

Baby food introduction API This API is part of the Baby Food Introduction application, which aims to help technological parents keep track of the food

David Alecrim 6 Nov 25, 2022
This is food detection WebApp, which will tell users about the nutrients value of particular food image which they upload

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Ankush Gupta 3 Sep 8, 2022
This is a small web application I made using Vanilla Javascript. It's a text generator that cooks up classic lyrics (lorem ispum style) from the rap collective Wu Tang Clan. This was a blast to make and I hope others can get some use out of it, or at least a good laugh.

Wu Tang Lorem Ipsum Text Generator This is a small web application I made using Vanilla Javascript. It's a text generator that cooks up classic lyrics

SK 16 Aug 1, 2022
Inspiration for revealing content by morphing the action element.

Morphing Buttons Concept Inspiration for revealing content by morphing the action element. Article on Codrops Demo Integrate or build upon it for free

Codrops 591 Aug 18, 2022
Youtube Summarizer is a web-based tool that uses ChatGPT to automatically generate summaries of YouTube videos. It lets you learn key points quickly and easily without having to watch entire lengthy videos. It is enough for users to paste the YouTube video URL into the tool and summarize the video.

YOUTUBE SUBTİTLE SUMMARIZER youtubesummarizer.tech Summarizer is a web-based tool that uses ChatGPT to automatically generate summaries of YouTube vid

Ahmet Taner Atila 32 Aug 12, 2023
This App is about British Food where you find a list of meals that you can like and comment.

British Classic Meals The British Classic Meals is a seclection of the most favorite and famous british recipes. Things you can do in this website: ch

Tiago Lelinski Marin 5 Aug 20, 2022
App that allows you to control and watch YouTube videos using hand gestures. Additionally, app that allows you to search for videos, playlists, and channels.

YouTube Alternative Interaction App An app I made with Edward Wu that allows you to search and watch videos from YouTube. Leverages Google's YouTube D

Aaron Lam 2 Dec 28, 2021
Reddit Page CLONE using Angular! A repository to contribute at hacktoberfest 2022. Make sure to share love by giving it a star.🌟 Have a great day!

Reddit_tool Reddit Site CLONE using Angular, Springboot and Swagger OpenAI ! Introduction This project was developed with the following technologies:

Momo-Solaris8 4 Oct 20, 2022
Tasty is a website that displays a number of recipes and allows users to leave likes and comments on their favourite meals.

Tasty Tasty is a website that displays a number of recipes and allows users to leave likes and comments on their favourite meals. Requirements Build a

Manel Hammouche 5 Aug 3, 2022
100 Days of Code is a self improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days.

100 Days of Code is a self-improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days. This repository includes a range of tasks, lessons, resources, and challenges on various programming languages to help improve programming skills.

Tarleton Computer Society 7 Dec 14, 2022
Easy and simple way to share data via mobile’s built-in share module.

React-Mobile-Share Provides an easy and simple way to share data (such as text, url and media) via mobile’s built-in share module. It is based on Web

EncoreSky Technologies 36 Dec 28, 2022
A collection of everyday web-components and libraries.

Ambiki packages A collection of everyday web-components and libraries. Used in production at ambiki.com Collections within the repository Custom eleme

Ambiki 4 Nov 24, 2022
Simple "everyday CRUD" Postgres queries with perfect TypeScript types

Crudely Typed Simple "everyday CRUD" Postgres queries with perfect TypeScript types. Zero dependencies. Designed to work with pg-to-ts and node-postgr

Dan Vanderkam 26 Dec 26, 2022