Recipe Website

access on vercel here

This full-stack React application was developed during my training at Business College Helsinki. The app allows users to enter their favorite recipes and share them with others. Users can also review and rate recipes entered by others, as well as leave comments on recipes they have tried. The app is built using a full-stack approach, with a backend server and database implemented using technologies such as Node.js and MongoDB. The frontend is built using React, allowing for a smooth and responsive user experience. Overall, this app demonstrates my skills as a full-stack developer and my ability to create a functional and user-friendly application..

Technologies used

-   React
-   CSS
-   Bootstrap 
-   HTML
-   MUI
-   Firebase

Database

storage location firebase

Screen shot

Disclaimer

Image use and flag are both work of other end point, courtesy of

- images are courtesy of Unsplash - Country and flags

Intake taken

Used the latest way to create navigation using 'createBrowserRouter'

    createBrowserRouter(createRoutesFromElements(<Route path="/" element={<Name />}>));

Organize data into the right structure, the json database had to be in an organized for quick access and CRUD operation. comments had to be added, receipt needed to be placed in the featured (PUT action),