An example website for a takeaway restaurant.
During work experience, a local takeaway restaurant needed a new website, therefore, I was tasked with building an example of what it could look like. It was built within one week and it was the first time that I used Next.js.
The menu data is separate from the JSX, therefore, the data could be easily replaced with data from an API. The MenuList component is dynamic and populates itself depending upon the amount of data provided to it by utilising JavaScript's map() method.
- Install pnpm.
cdto this projects' directory.- Run
pnpm installto install the projects' dependencies. - Run
pnpm devto run the server locally.
The SVGs are from svgrepo and Remix Icon.
The images are from Unsplash:
- Home image by Mahmoud Fawzy.
- Menu image by Monika Grabkowska.
- Order image by Jarritos Mexican Soda
- 404 image by Clark Douglas