This website is provides an alternative way of accesing my resume and programming abilities. I build it during a Bootstrap module to try Bootstrap in practice and to provide some code using Bootstrap for others to assess. The site also features usage of 3 API services.

Visit the deployed website

The site provides a, hopefully, more interesting approach to reading and accessing my resume.

• Create a visually attractive website representation of my Resume.
• Utilize Bootstrap to display my capeabilies within that framework.
• Incorporate various API services.

The website is aimed at potential employers.

• As an owner, I want to make write functional and clean code that utilizes Bootstrap.
• As an owner, I want to present my resume etc. in a clear and concise form.
• As an owner, I want to provide a more interesting platform for accesing my resume.
• As a user, I want to look at code written by a potential employee.
• As a user, I want to find contact information.
• As a user, I want to see what skillset a potential employee has.
• As a user, I want to read about previous work history.
• As a user, I want to see details about the coders education.
• As a user, I want easy access to the owners Github repositories.

• General

  • Responsive on all device sizes.
  • A simple intuitive site design.
  
  

• The Header includes:

  • An image providing a visual presentation of me.
  • A Nav Bar provides easily understandable navigation.

<br>

• The Welcome (Index) page includes:

  • Personal info providing contact information and an address.
  • An About Me section provides a short form presentation of what I can bring to the table.
  
  

• The Resume page includes:

  • A Timeline Section gives the user an overview over my journey thus far.
  • A Skill Set section allows the user to get a brief presentation of my programming skills, devided into Front End and Back End sections, using colourful bars to add an easy to glanse visual presentation.
  
  

• The Contact page includes:

  • A contact form that sends an email to the site owner.

• Add English version of CV for download
• Find a method to add more descriptive tags to map markers on the education site.
• Run validators & fix potential issues.

• HTML5
• CSS3
• Bootstrap
• jQuery

1. Google Fonts:
   • Google fonts were used to import the Roboto and Oswald fonts used throughout the site.
2. Gitpod
   • Gitpod was used to develop the website.
3. GitHub:
   • GitHub is used to store the projects code after being pushed from Git. And to host the project.
4. EmailJS:
   • EmailJS API service is used to send emails using the formula on the contact page.
5. Google Maps JavaScript API:
   • The Maps API is used to display the map, and to add the map clusters on the Education page.
6. GitHub Repos API:
   • GitHub Repos API is used to display my repositories. Also adds a search function for other Github users repositories.
7. Responsive Design Checker:
   • Used in the testing process to check responsiveness on various devices.
8. Am I Responsive:
   • Used for quick glance at responsiveness and for README image.
9. W3C Markup Validator
   • Used to validate the HTML code.
10. W3C CSS Validator
    • Used to validate the CSS code.
11. FontAwesome
    • Used to add awesome icons to improve the visual experience.

The project was deployed to GitHub Pages 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), locate the "Settings" Button on the menu.
   • Alternatively Click Here for a GIF demonstrating the process starting from Step 2.
3. Scroll down the Settings page until you locate the "GitHub Pages" Section.
4. Under "Source", click the dropdown called "None" and select "Master Branch".
5. The page will automatically refresh.
6. Scroll back down through the page to locate the now published site link in the "GitHub Pages" section.

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/Lasserini/Resume-lasse-poulsen

7. Press Enter. Your local clone will be created.

$ git clone https://github.com/Lasserini/Resume-lasse-poulsen
> Cloning into `CI-Clone`...
> remote: Counting objects: 10, done.
> remote: Compressing objects: 100% (8/8), done.
> remove: Total 10 (delta 1), reused 10 (delta 1)
> Unpacking objects: 100% (10/10), done.

Click Here to retrieve pictures for some of the buttons and more detailed explanations of the above process.

• The profile picture is taken by photographer Katja Anna Poulsen Frederiksen

• Code Institute for providing me with the know-how necessary to code the website.