Skip to content

JoGorska/django-blog3

Repository files navigation

Contents

I think therefore I blog

UX

Existing Features

Future Features

Technologies Used

Code Validation

Project Bugs and Solutions

Deployment

Credits

I think therefore I blog

[![showpiece](??? img location)](??? link to live website)

Click here to live site.

UX

User Stories

  • As a user, I would like to be able to …
  1. the information to be clear and informative;
  2. the website be easy to navigate;

Wireframes

Wireframes created with Balsamiq. The project was developed from initial wireframes and some modifications were made during the development process to assure better usability.

Wireframes

Existing Features

Navbar

  • Fixed Navbar with Home and Contact Us buttons to allow the user easy access to all pages.
  • Collapsed navbar on smaller devices to wrap in all options and assure better navbar design.

Home page

Contact Page

Future Features

Technologies Used

Languages Used

  • HTML5
  • CSS3
  • JavaScript

Frameworks Libraries and Programs Used

  • Balsamiq: Balsamiq was used to create the wireframes during the design process.
  • Bootstrap 5: Bootstrap was used to add style to the website.
  • Git Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
  • GitHub: GitHub is used to store the project's code after being pushed from Git.

Code Validation

Automated tests

  • HTML

    Passing the HTML from all templates and base into the W3C Markup Validator no errors or warnings have been found W3C validator.

  • CSS

No errors were found when passing through the official W3C validator.

  • JavaScript

Javascript files were tested with the jshint and no errors were been found.

  • Python

Project Bugs and Solutions:

Deployment

The site was deployed to GitHub pages.

  • The steps to deploy are as follows:
  • In the GitHub repository, navigate to the Settings tab;
  • From the source section drop-down menu, select the Master Branch;
  • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

The live link can be found here.

Forking the GitHub Repository

By forking the GitHub Repository you will be able to make a copy of the original repository on your own GitHub account allowing you to view and/or make changes without affecting the original repository by using the following steps:

  1. Log in to GitHub and locate the GitHub Repository
  2. At the top of the Repository (not top of page) just above the "Settings" button on the menu, locate the "Fork" button.
  3. You should now have a copy of the original repository in your GitHub account.

Making a Local Clone

  1. Log in to GitHub and locate the GitHub Repository
  2. Under the repository name, click "Clone or download".
  3. To clone the repository using HTTPS, under "Clone with HTTPS", copy the link.
  4. Open Git Bash
  5. Change the current working directory to the location where you want the cloned directory to be made.
  6. Type git clone, and then paste the URL you copied in Step 3.
$ git clone https://github.com/JoGorska/garage-bootstrap
  1. Press Enter. Your local clone will be created.

Credits

This page was created following Introduction to bootstrap by Matt Rudge (Code Institute mentor)

Content

Media