https://kim-kitchen-v1.herokuapp.com/
https://github.com/jkimrox/kims.kitchen
Kim's Kitchen is a full MERN stack application that utilizes a front end of React and a backend of MongoDB hosted by Heroku. The application allows users to search for possible dishes that they might possibly make and also permits them to add their own dishes to the site as well. Users might be inclined to spend hours on this application as the possibilities are truly endless with the amount of dishes that are available to view and even create on their own.
- HTML, CSS, JavaScript
- React
- MongoDB
First, install the application by clicking on the provided GitHub repo link and then clicking the green Code button and copying the link.
Next, open your terminal application and land in your desired directory in which you hope to install this application in. Then enter "git clone (link copied from GitHub)" to install Kim's Kitchen.
And then enter "code ." to open it in the code editor of your choice.
Finally, to start the application, type "npm start" to have it running locally on your PC. The default local host should be localhost:3000 in your browser.
- As a user, I want to search for a specific recipe.
- As a user, I want to be able to create and add new recipes to the catalog.
- As a user, I want to be able to navigate to each route (Home, Search, Create).
In the future, I would like to implement full CRUD functionality (mainly adding update, delete, and review routes) and also, I would have liked to spend more time styling the application. This was a challenge for me as I still do not feel super comfortable with React as a whole, but know I am getting better with it each second. This project was a test of trying to connect a frontend with a backend and I am happy with the result.