Git Product home page Git Product logo

recipe-app's Introduction

Soul Food Recipes: Bringing Flavor to Your Kitchen!

A full-stack application built using Java, Spring Boot, and React JS to search for recipes based on ingredients and categories, powered by the Edamam API and stored on AWS. Because who wants to eat bland food, right?

Backend: The Secret Sauce

The backend of this delectable dish is made with Java and Spring Boot. And here's how we seasoned it:

  1. I whipped up a new Spring Boot project using the Spring Initializer.
  2. Defined the model class for recipes, the star of the show, with fields such as name, ingredients, category, and instructions.
  3. I utilized the Edamam API to search for recipes and made sure they were stored safely on AWS.
  4. I created a repository interface to interact with the database and retrieve recipe data like a pro. And to top it off, I implemented a RESTful API to allow the frontend to access the recipe data and perform searches based on ingredients and categories like a boss.

Frontend: Presentation is Everything

Screen Shot 2023-02-15 at 8 24 01 PM Screen Shot 2023-02-15 at 8 39 25 PM

The frontend, the cherry on top of this culinary creation, is made with React JS. This is how I made it look so good:

  1. I created a new React project using Create React App.
  2. Defined the component for the search form, because searching for recipes should be easy and fun!
  3. Implemented a call to the backend API to retrieve the matching recipes, because we want to make sure you get the best results.
  4. Displayed the recipes for the user to drool over, because presentation is everything!

Running the Application: Let's Cook!

  1. Clone the repository to your local machine.
  2. Start the backend by navigating to the project directory and running ./mvnw spring-boot:run.
  3. Start the frontend by navigating to the client directory and running npm start.
  4. Open your browser and navigate to http://localhost:3000 to access the application and start cooking up a storm!

Contributing: Let's Make it Better!

Contributions to the application are always welcome! I believe that there's always room for improvement. So, if you have a recipe for making this application even better, please create a pull request with your changes. Let's cook up something amazing together!

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.