Modern technologies were used in the project of the Foodbook app's client side, which provides customers with an easy-to-use and good experience when browsing and utilizing recipes.
https://foodbook-client.vercel.app/
Email: admin@admin.com
password: admin
Next.js is used on the client side of the Foodbook website to create dynamic pages. Next UI helps with component design. React Context is used to handle user info. Page navigation is handled by Next.js app router. Form input is managed using React Hook Form. Axios is used for data fetching. Tailwind CSS is used for styling. Sonner used for notifications. Lucide-react used for professional icons. Zod used for validity of all form inputs. JWT used for authorization.
First of all you need to clone the repository. Here is the repository link: https://github.com/Mehedi556/foodbook-client
In the command prompt, full command is ( git clone https://github.com/Mehedi556/foodbook-client.git )
Then go to the downloaded repository by cd (repository name) or manually.
Secondly install all the dependencies by write in the terminal
yarn install
To run the application in development mode, use the following command:
yarn run dev
Important Environment Variables are:
NEXT_PUBLIC_IMGBB_API_KEY=b750603d3de56b8e602f4590d2ac25dc
NEXT_PUBLIC_IMGBB_API_URL=https://api.imgbb.com/1/upload
NEXT_PUBLIC_BASE_API=http://localhost:5000/api