I want to apology for hand in uncompleted project. At the late stage of the project, I came across several problems during deployment using Heroku and AWS. My problems are exporting models/datas jsons to Heroku postgres and hosting project’s static files on AWS server. Due to time restraint, I couldn't find a solution in time to fix these problems.
This is a Full Stack Frameworks (Django) project for Code Institute to demonstrate what I have learned throughout the course so far. I chose to develop an ecommerce shopping website for the local Motorcycle Training School base in North Wales (Deeside). The idea of the project is that Probike rents equipment to students during training and consistently asks by students what equipment they should buy for riding. After seeing an influx of new riders around the country especially in North Wales, the owner of Probike saw an opportunity to branch out from motorcycling training and offer to sell motorcycle apparel directly to students or anyone looking to buy motorcycling gears.An online ecommerce (B2C) business specialising in motorcycling gears including helmets, clothes and maybe more in the future. Upon entering the website, from browsing products to checkout, the owner wants a website to offer a smooth and easy online shopping experience. The website also handled customer payment, which dealt with sensitive customer information which required an approach with a security conscious perspective.
There are a number of features due to time constraints that were not possible to implement at this point in time. But I believe I produced an ecommerce application that has met Probike owner requirements with more room to expand in the future. User Experience (UX)
- View a list of products
- Select some to purchase
- View individual product details
- Identify the price, description product rating, product image and available sizes
- Easily view the total of my purchases at any time
- Keep tap of total cost to avoid spending too much
- Easily register for an account
- Have a personal account and be able to view my profile
- Easily login or logout
- Access my personal account information
- Easily recover my password in case I forgot it
- Recover access to my account
- Received an email confirmation after registering
- Verify that my account registration was successful
- Have a personalised user profile
- View my personal order history and order confirmations, and save my payment information
- Sort the list of available products
- Easily identify the best rated, best priced and categorically sorted products
- Sort a specific category of products
- Find the best-priced or best-rated products in a specific category, or sort the products in that category by name
- Sort multiple categories of products simultaneously
- Find the best-priced or best rated products across broad categories, such as “jacket” or “helmet”
- Search for a product by name or description
- Find a specific product I’d like to purchase
- Easily see that I’ve searched for and the number of results
- Quickly decide whether the product I want is available
- Easily select the size and quantity of a product when purchasing it
- Ensure I don’t accidentally select the wrong product, quantity or size
- View items in my bag to be purchased
- Identify the total cost of my purchase and all items I will receive
- Adjust the quantity of individual items in my bag
- Easily make changes to my purchase before checkout
- Easily enter my payment information
- Check out quickly and with no hassles
- Feel my personal and payment information is safe and secure
- Confidently provide the needed information to make a purchase
- View an order confirmation after checkout
- Verify that I haven’t made any mistakes
- Received an email confirmation after checking out
- Keep the confirmation of what I’ve purchased for my records
- Add a product
- Add new items to my store
- Edit/update a product
- Change product prices, descriptions, images, and other product criteria
- Delete a product
- Remove item that are no longer for sale
Using Code Institute Boutuqe Ado project as baseline, I opted for a simple design, where the products themselves are the focus and there isn’t too many graphics cluttering and detract visitors.
- The two main primary colours used are blue, dark grey & white
- Black text on white background for readability
- Red colour to draw the visitor eyes on important contents
- The colours scheme of this project is according to Probike corporate identity guidelines. Any combinations of colours I used throughout the project is to emphasise colour contrast and prioritise readability.
I used sans-serif Google Fonts “Montserrat” throughout the webpage to maintain cohesion across the project. Using different font weights (from Thin to Black) to convey emphasis and importance on some of the content. It has high readability and ease of scaling make Montserrat a suitable typeface for web pages.