Please click here to visit a live demo of my project.
My final Milestone Project for Code Institute is a Django Fullstack app. app my idea is to create a The design was to have an app where there was the freedom to add a recipe you really liked to the Recipe Book App.
A person who is interested in Halloween. A person who wants to find items for a Halloween Party. A person who wantes to scary items.
The app is designed to lead the user to buy various Halloween items. The app is designed to lead the user to create an account with the Halloween Store. The app is designed to lead the user to buy various items. The app is designed to lead the user to interact if they want to leave a review about the product they bought..
•As a user, I want to find products for Halloween.
•As a user, I want to add my reviews.
•As a user, I want to be able to bu various products for my Halloween Party.
•As a user, I want to be able to see my order history.
•As a user, I want to be able to be able to print my order history.
The UX Designs of the site can be found in the PDF file saved to the project in the file UX Designs.
•Html
•CSS
•Gitpod - Used for a development and testing area.
•Django
•Pillow - for images in the site when using Django
•Postgres - via Heroku
•Stripe - For payment details
•Heroku - Connected to my Git repositoty to deploy app.
•git- Used as a repository.
•Bootstrap - Bootstrap framework.
•jQuery.
The app logic leads the customer to sign up to the site and buy items for Halloween.
The app works on a mobile via a web browsers.
As the app is a store, It has items and prices detailed thoughout the site to add items to the basket and to purchase when finished shopping.
The app has a sign up and login fucntion and the user can only pay for item after they have paid
•I tested the navbar in the chrome browser to ensure that all sections went to the relevant pages.
•I tested that all the product images would add to the homepage.
•I tested that all the categories went to the right product sections.
•I tested the images displaying in all pages when clicked on would go to a larger version of the prduct.
•I tested when the prodcuct loaded that you had to either login or sign up to be able to add the product to the cart.
•I tested that that sign in and sign up options worked
•I tested that that the order history, would display in the welcome back drop down after you the used had logged in
•I tested that that the when adding a product to buy it appeared in the cart.
•I tested that that the payment options (stripe) all worked when making a dummy payment for the product.
•I tested that after the purchased was completed that the stock would deplete to ensure the right number of units where displaying
•I tested that the user can add a review when logged into the app
•I tested that the user could print off their invoice if they wanted to for their records
•I tested that the categories and products in Django admin went into my app
•I tested that that the search function worked and loaded the product that I had added
•I Used W3c validator to validate the html pages created. I copied my code and pasted it into the validator to check for errors and warnings.
•I tested that Heroku had connected properly with my git repository
- Make sure requirements.txt and Procfile exist:
pip3 freeze --local requirements.txt
echo web: python app.py > Procfile
- Create Heroku App,login to heroku (Heroku login), git init, connect git to heroku (heroku git remote -a ), git add ., git commit, git push heroku master.
- heroku ps:scale web=1
https://www.funidelia.co.uk - Images for costumes
https://www.poundland.co.uk - Images for makeup and props
https://www.coop.co.uk - Images for chocolates and sweets