Giter VIP home page Giter VIP logo

yasmin-collyer-cv's Introduction

Yasmin Collyer Portfolio

This is my personal portfolio website and will act as an online CV for prospective employers. I have icluded all my personal details, work history, coding skills, some links to potential sample work and a contact me section.

UX

My main goal when designing this website was to create a website that is easy to use but still visually appealing and reflective of my personality. I went for a muted pink and dark navy colour scheme as it creates a feminine but still modern feel.

  • As an employer, I would easily be able to access all the information needed to make a decision regarding employment. I would be able to see all personal details and have access to previous work and social media. I would also be able to contact easily using the contact form. The website is easy to use and visually appealing.

I have included my plans for the project in my project in a seperate directory. These include some hand written diagrams.

Features

Existing Features

  • Collapsed navbar: Allows the user to access different sections easily and stays collapsed for a minimal look.
  • Work-istory timeline: Showcases data in a simple and visual way (based of a previous lesson).
  • Skills progress bar: A visual way to showcase skills that is easy to see.
  • Downloadable CV: An easy way to have all necessary details.

Features Left to Implement

  • Form: I would like to make my contact form functional once I have learned more skills.
  • Links: I would like to link my actual social accounts, at the minute I don't use many.
  • Personal Details: I would like to add all correct details once I have more experience.
  • Portfolio: I plan on adding my own projects here, once I have done some and updating the layout.

Technologies Used

  • HTML5
  • CSS
  • Bootstrap
    • I used bootstrap to add some features to my website and to make it responsive. I later styled any bootstap I used to make it personalised for my site.

Testing

When testing my website I went through each section and ensured that they all worked as intended and were responsive.

  • I tested my form and corrected as many issues as I could with my current skillset.
  • I went through my user story of a potential employer and everything went smoothly except for my contact form. This form isn't functional as I haven't learned any JavaScript yet, I plan on fixing this issue in the future once I have the skills to do so.

I tested my website on all screen sizes and found it to be fully responsive.

Deployment

This website is hosted on GitHub pages here ( https://ycoll.github.io/Yasmin-Collyer-CV/).

Credits

Content

  • All text is my own and original.

Media

Acknowledgements

  • I received inspiration for this project from previous mini projects completed so far and incorporated some elements into my projects.
  • I also looked at some websites on awwards.com(https://www.awwwards.com) for inspiration.
  • Anything I was unsure of how to do I googled and learned on w3schools.com(https://www.w3schools.com)

yasmin-collyer-cv's People

Contributors

ycoll avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.