Week 1 - Backend
Set up t he ser vers, controllers, models, routes, and MongoDB.
Pros: Learning and practicing backend development was a great experience, especially since I previously only knew frontend.
Cons: There are slower visible results, which makes debugging harder when you can’ t immediately see changes in t he browser.
Week 2 - Frontend
Set up React wit h Vite for t he project structure, including components and page styling.I initially wanted to use Tailwind, but I became confused and decided to stay wit h regular CSS.
Pros: Frontend is where t he design happens, including layouts, colors, and overall visual style.
Cons: It can be frustrating because React works different ly compared to basic frontend development.
Week 3 - Frontend & Backend Integration
Created login and account registration features connected to CRUD operations, linking t he frontend, backend, and database using CORS and Axios. Also added a search input filter to find recipes by t heir first letter.
Pros: I was able to make t he website fully functional by connecting bot h stacks.
Cons: Switching between frontend and backend became over whelming due to complex folder structures.
Week 4 - Deployment (Render)
Fixed most bugs, configured t he correct por ts between frontend and backend, and deployed t he project using Render.
Pros: The application works, data inputs are saved in t he database, and t he project is successfully deployed.
Cons: Deployment was challenging because of folder structure issues during t he deployment process.
url for backend : https://food-app-1-3ymb.onrender.com/
url for frontend : https://food-recipe-app-t0m8.onrender.com/