It is my final project for CS50 which is web application about online shopping site using Flask to develop. For this website, it requires all customers to create their own account first in order to buy the product on the site. After the user have created their own account, it will provide $200000 to the account by default. Then the user can use the money to buy the product that they would like to buy via add to the cart and purchase it if they have enough money.
Also, admin/manager can also use their pre-registered account to login in order to check and update the product information or the order information. (Account: admin123, Password: admin)
-
index page:
For the index page, it will show all the product that are available on the website and allow user to click 'Add to Cart' or click 'More Info' for each product.
-
Register page:
If a user do not have their own account, then the user need to create their own account, it will also check for the uniqueness of the username, validation for password and email in order to avoid any error during registration
-
Login page:
If user have their own account, then the user can login their own account, it will check for the existance for the username that you input and correctness for the password with that username
-
Add to Cart:
After user have login their account, user can add any product to the cart if they are interested in that product by clicking 'Add to Cart' button for that product and it will shows a sucessful message about added to the cart. If a user would like to buy the product in the cart then they can click 'Confirm Purchase' for purchase all items in the cart or user can click 'Remove' if they would like to remove the product in the cart. Also, if a user do not have enoguh money to buy it, it will show a failure message to tell the user.
-
Product info page:
After user clicked the button "More Info" for the product in index page, it will redirect to another page which have more detail information regarding to that product
-
History page:
If a user have purchase the items in the cart, then user can check their order information on the history page. Also, user can click 'View Detail' to check what product they have bought for that order
-
Add Cash:
User can add any amount of cash that they would like to add by input the amount of cash in the input box and it will update immediately
-
Dashboard:
Admin can view the product info and click update for update the relevant information about the product
-
Update Product
If admin click the button 'update' in the dashboard, then it will goes to the page for admin to update the information of that particular product
-
Add Product
Admin can also add product to the database by input relevant information based on the form
- Flask Course - Python Web Application Development (Inspiration from this video and take reference about the page design)
- Logo Design from FreeLogo Design
- Stack Overflow
- Bootstrap
- W3School