please provide full code for number $3$

PROJECT MAIN GOAL:

Use current web and Internet development tools and techniques to create a small webapplication.

PROJECT THEME: Web$-$Based Supermarket Website the main functionalities of the system might include but not limited to the following:

Website design requirements:

Use only basic HTML$/$CSS$/$Media Query to create simple responsive website for three views $($Desktop$,$ Tablet and Mobile$).$ No Bootstrap or any readymade code should be used.

Make it attractive looking and unified in all pages. No need to make it professional.

DON'T USE READY MADE TEMPLATES or FRAMEWORK as the aim of this project is to learn web designing from scratch. Any group violate this rule, will receive ZERO in the web design.

Registration and Login

Customer users can register themselves to the system $($must be validated using regular expressions in PHP$,$ HTML$5$ validation shouldn't be used$).$ JS$/$AJAX should be used to verify the username is available or not $($JQuery isn't allowed$).$

One admin user should be predefined with user$=$admin, password$=$abc $123.$

Only admin users, can create staff users accounts, to manage the supermarket inventory and process customers' orders.

All users $($customer$/$staff$/$admin$)$ can login to the system $($authorization$)$

Customer Users

Users can browse all products by categories, search for an item using keywords, view item details by clicking on the item.

Users can add items to the basket, view basket, view total price including delivery charges, delete$/$update items, place order. Note: users shouldn't be able to order more than the available quantity in the inventory.

Users can track their the orders' status $($acknowledged$,$ in process, completed etc$)$

Users can view previous order.