Flipdish Frontend Assessment

A responsive menu application utilising a mock API provided by Flipdish.

Information

A technical assessment provided by Flipdish to utilise an example API to provide a menu to the consumer.

Features:

Menu to contain sections (Mains, Desserts etc.) and items within those sections.
Show the following if the API provides them: name, image, description and price.
Conditional rendering of items depending on whether the options provided are to be standalone or not.
Responsive design for both mobile and desktop.

npm i - install dependencies (run this at the project root)

npm run dev - start the local development server

npm run build - generates the build directory which contains the production build of the application

Name		Name	Last commit message	Last commit date
Latest commit History 16 Commits
images		images
public		public
src		src
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
components.json		components.json
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts
vitest.config.ts		vitest.config.ts