Recipe Share
Spring 2025
This is a website that helps users make, share, and keep track of different cooking recipes. The user can create an account and create their own recipes and also interact with other users to like, share, and save other people’s posts and recipes as well. Each recipe card also has different features like ingredients, tools, cooking time, etc. This was a group project I did in my Database Management class using the skills I learned and tools such as VSCode, Docker, SQL, Java, Figma, and others. This project included authentication, authorization, HTML/CSS, and various other concepts.
The Process
The Description
For this project, I needed to use the skills I learned in this course and create a website that can be used. My team and I decided to make a recipe sharing website where users can create and share recipes along with interacting with other users. We decided to create authentication and authorization so that users can have accounts and personalize their account.
We first created the look of our website using Figma so that we had a base to go off of. Then, we started coding the frontend and backend of the website to make it work. After we got the main website working, we created a SQL database that stores all the tables and data entires for the recipes and account information. We then used ByCrypt hashing to create accounts for users. Overall, users can create accounts now and the database stores all this information.
The Tools
The tools we used were Miro Board to plan and split tasks for the project between each group member. Then, we used Figma to create the look for our project and how we want the frontend to look. We used VSCode to code the frontend and backend using HTML, CSS, and JavaScript and added the data entries using SQL. We used docker to set up our database and connect it to our website. Throughout the project, we used Git to update our project so that every group member could work on it.
The Challenge
Our main challenge we faced was incorporating authentication and authorization using SQL database so that we can update and store account information dynamically. After working around it for a while, we created HTML forms for the user to enter the information and then coded the backend so that the information is automatically stored into the SQL tables.