said-alisic / mealmeetup

Web application built with React.js and connected to an external API. UI design and new functionalities are being gradually added.

Meal Meetup

Introduction

Welcome to Meal Meetup, a simple React.js web application! The application connects to the "TheMealDB" API from https://www.themealdb.com, which hosts many free recipes from meaty dishes to vegan delicacies and more. This is a simple project I made to try my hand on creating an intuitive React web application that is hosted on vercel with a simple functionality.

Technologies used

• npm
• React.js
• Material-ui
• TheMealDB API

Demo

• Click me!

Prerequisites for running on local machine

1. npm package manager installed on local machine

Running the application on the local machine

1. Pull the git project to a directory of your choosing
2. Navigate to the web-app directory where you have downloaded the source code
3. Run npm install to install all necessary dependencies for the project
4. Run npm start to start the web application
5. Navigate to localhost:3000 in your favorite web browser if web application has not automatically been opened
6. Use the application to your heart's content! :)

mealmeetup's Issues

Feature/extras

Extra improvements to do

• Create favourites page functionality and design UI layout of said page
• Create functionality for displaying meals by category

Feature/Styling

Improvements to UI design:

• navbar
• meal content
• meal grid
• random meal content