Live app HERE
Online Perfume Shop
This project is the last milestone project of the Fullstack Web developer Diploma course at CodeInstitute.net
- Choose products
- Go to Checkout
- Register an account
- Pay with:
CreditCard number: 4242 4242 4242 4242
CVV: Any 3 digits
Year & Month: Any month in the future
Warning: Don't use a real CreditCard
The purpose of this website is to provide customers with new and exclusive fragrance.
Customer have ability to filter out the products depending on gender, name, brand, see the latest arrivals , write a review and see what others have written about the product.
Site owner can upload new products through the admin page and find completed orders. Site owner have to approve the reviews in order to be published.
User are able to search for a fragrance, filter out products, add products to a cart and change the quantity.
In order to complete the purches the user have to register an account and pay with a creditcard.
User can choose a product to write a review about.
User can contact the site owner thru the contact page.
I want to give user the ability to choose between several volume of a product on the product page, and the site owner can add several volume with its associated price for a fragrance.
Give Customer ability to order products without a registred account.
HTML5
CSS
JavaScript
Python3
Bootstrap
jQuery
Font Awesome
Django
SendGrid - API is used to email users that request a password reset.
Stripe - API to process payments in users subscritions.
Amazon S3 bucket - Static and Media file Storage.
Github - for version control.
GitPod - Online IDE used to develop this project.
Heroku - for deployment.
Postgres - Relational database.
The website responsiveness and functionality was tested on:
Safari on apple mobile devices (Iphone 8plus, xr, xs, 11 pro Max).
Chrome on android (SM-Galaxy s10+, Huawei p30 pro ).
Chrome on Mac and PC.
Safari on Mac.
All the Links, Buttons, Forms and CRUD functions are manually tested on Desktop and mobile devices. Travis-CI was used for Continuous Integration.
I created this project with Github and GitPod, it was very easy to access the repositorie with the gitpod Chrome extention directly on github. The deployment on Heroku was made directly from Github.
The photos used in this website were obtained from each products official website
I used the codes I learned from codeinstitute.net's walkthrough projects on the fullstack module
https://github.com/Code-Institute-Solutions/AuthenticationAndAuthorisation
https://github.com/Code-Institute-Solutions/BlogAllAboutIt
In order to create the review function I got inspired by https://djangocentral.com/creating-comments-system-with-django/ and used some of their codes.
This website is made with template from https://startbootstrap.com
https://startbootstrap.com/previews/shop-homepage/