- If you want to try this web application, you can login as a demo user. Click the login button to be redirected to the login page and then click the "Login as demo user" button.
- After you log in, you can now add any dish to your favorites and cart. Click the "heart" icon to add the dish to your favourites, and click the "cart" icon to add the dish to your cart.
- If you want to search for a dish, just click the "search" icon and it will open the search drawer. Click the "cart" icon to open your cart drawer, and click the "heart" icon to open your favorites drawer.
- You can also open your favourites and cart drawers by clicking the floating buttons on the right side of the screen.
- Click on the image of any dish and it will redirect you to another page where you can view the details of the dish.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.