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?
The backend of this delectable dish is made with Java and Spring Boot. And here's how we seasoned it:
- I whipped up a new Spring Boot project using the Spring Initializer.
- Defined the model class for recipes, the star of the show, with fields such as name, ingredients, category, and instructions.
- I utilized the Edamam API to search for recipes and made sure they were stored safely on AWS.
- 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.
The frontend, the cherry on top of this culinary creation, is made with React JS. This is how I made it look so good:
- I created a new React project using Create React App.
- Defined the component for the search form, because searching for recipes should be easy and fun!
- Implemented a call to the backend API to retrieve the matching recipes, because we want to make sure you get the best results.
- Displayed the recipes for the user to drool over, because presentation is everything!
- Clone the repository to your local machine.
- Start the backend by navigating to the project directory and running ./mvnw spring-boot:run.
- Start the frontend by navigating to the client directory and running npm start.
- Open your browser and navigate to http://localhost:3000 to access the application and start cooking up a storm!
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!