Application created

• Clean the project and upload to git the base version of the app
• The project is using Tailwindcss for UI styles
• Redux toolkit and react redux is used for state managment
• Formik, gulp and yup is used for form validation
• Axios is used to connect and send the request to the backend
• Firebase, and firebase file uploader is used to manage images urls to show on the UI
• React apexchart is used to show the dishes graphics
• React icons is used to show visual information on the App
• React loading spin is used to show visual information to the user
• React Router dom , was used for routes and protected routes
• SweetAlert2 for UI alert

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Login Page

Images

Get an Account

Images

Forgot Password

Images

Home Page

Images

Add new dish

Images

Graphics

Images

Profile Page

Images

Responsive

Images

Video Demostration Create and confirm account

Video

createandconfirm.mp4

Login and home

Loginhome.mp4

Create new dish

Createnewdish.mp4

Edit and delete

Editanddelete.mp4

Logout

logoutresponsive.mp4