Watch the result of this project >> here
- Consolidate multiple forms
- Create an order form for your shop, don't be afraid to be creative!
- Update the arrays with the products you'd like to sell
- Make sure all products and corresponding prices are visible in the form
- Show an order confirmation when the user submits the form, containing the chosen products and delivery address.
- There is no need to save this information to a database just yet.
- Use PHP to check the following:
- Required fields are not empty.
- Zip code are only numbers.
- Email address is valid.
- Show any problems (empty or invalid data) with the fields at the top of the form. Tip: use the bootstrap alerts for inspiration. If they are valid, the confirmation of step 1 is shown.
- If the form was not valid, show the previous values in the form so that the user doesn't have to retype everything.
- Check out the possibilities of the PHP session and cookies.
- We want to prefill the address (after the first usage), as long as the browser isn't closed.
- Find commented navigation and activate it. Tweak the content for your own store.
- Make a second category of products, and provide a new array for this info.
- The navigation should work as a toggle to switch between the two categories of products.
- Show the expected delivery time in the confirmation message (2h by default).
- A user can opt for express delivery (5$ for delivery in 45min).
- Show statistics about how much money has been spent. This info should be kept (can you use the session or cookies for this?) when the browser closes.
- Include the most popular product (by this user) and amount of products bought by this user.
- What kind of style would suit your store? Add a color schema and a suitable font.
- Check what you can do for validation with html and JS. Use this to improve your validation.
- Allow the user to specify how much he or she wants to buy of a certain products