This ia a link to the live Portfolio Website: Live Version
- Home:
- Contact:
- Game:
- Social Media Platform:
- Store:
- About:
This website is a portfolio of my web dev projects. The user is provided with an easy-to-use example of my skill as a developer, also there is easily identifiable contact details and links to my professional social media profiles.
To create a clean and simple way to display my portfolio of work to potential employers.
Potential Employers want:
- To quickly be able to find my past projects.
- To quickly find information about my past education.
- To quickly and easily find information to contact me.
- To get a feel for my work capabilities and personality.
-
Font: I chose "Nova Mono" due to it being easy to read yet stylish, fun and professional at the same time.
-
Icons: I used icons to improve useability and to keep the site clean.
-
Colours: I found a soft blue to look friendly, welcoming and professional. The lightness of the colour worked well at providing contrast for the black text underneath and the white background.
-
Styling: The use of cards to display the projects made them easy to navigate and apparent when viewing the homepage. The use of a rounded profile image was use to show my face in a friendly way. The fixed navbar was used to improve visibility on smaller screens. I decided on not including a footer as it would not come accross as friendly as I would of liked.
- Home:
- About & Projects:
- Contact Page:
- HTML 5
- CSS
- Bootstrap
-
All external images are sourced from: Unsplash
-
All external icons are sourced from: FontAwesome
-
All external fonts are souced from: Google Fonts
- Credit navbar code inspiration to examples presented in: Bootstrap 4 Navs
- Credit project cards to code inspiration to examples presented in: Bootstrap 4 Cards
- Referenced Contact Form to the example in this website: Bbbootstrap - Bootstrap 4 Simple Contact Form
I tested all the code through the validators and performance testers making the suggested changes until the project was run successfully.
The code was test on various screen sizes to ensure usability on many different devices.
All features were tested manually to ensure user functionality.
All pages of this project were sucessfully ran through these two validators:
All pages of this project were sucessfully ran through this Performance Tester:
This project was developed using the Gitpod IDE environment, Git was used for version control and to push to the main branch at Github.
To deploy this project from the project's Respository follow these steps:
- Log into Github.
- From the list of repositories on the screen, select R-Mack/Milestone-Project-1---Personal-Portfolio-Website.
- From the menu items near the top of the page, select Settings.
- Scroll down to the GitHub Pages section.
- Under Source click the drop-down menu labelled None and select Master Branch
- On selecting Master Branch the page is automatically refreshed, the website is now deployed.
- Scroll back down to the GitHub Pages section to retrieve the link to the deployed website.
- A Github account. Create a Github account here
- A Chrome based browser is recommended.
- Install the Gitpod Browser Extentions for Chrome
- After installation, restart the browser.
- Log into Gitpod with your gitpod account.
- Navigate to the Project GitHub repository
- Click the "Gitpod" button in the top right corner of the respository.
- This will initiate a local gitpod workspace.
- Follow this link to the Project GitHub repository.
- Under the repository name, click "Clone or download".
- In the Clone with HTTPs section, copy the clone URL for the repository.
- In your local IDE open the terminal.
- Change the current working directory to a required location.
- Type "git clone", and then paste the repository URL.
- Press Enter. Your local clone will be created.
- Follow this link to the Project GitHub repository.
- Under the repository name, click "Clone or download".
- To clone the repository using HTTPS, under "Clone with HTTPS", copy the link.
- Open Git Bash
- Change the current working directory to the location where you want the cloned directory to be made.
- Type "git clone", and then paste the URL you copied in Step 3.
- Press Enter. Your local clone will be created.
- Follow this link to the Project GitHub repository.
- At the top of the Repository (not top of page) just above the "Settings" Button on the menu, locate the "Fork" Button.
- You should now have a copy of the original repository in your GitHub account.
Email: [email protected] Linkedin: https://www.linkedin.com/
- Code Institute
- Bootstrap Documentation
- https://bbbootstrap.com/snippets/simple-contact-form-74408136
- I took inspiration for this ReadMe document from AJGreaves
- My mentor who has helped me tremendously will their skill and exptertise.
The content of this Website is for personal purposes only.