Giter VIP home page Giter VIP logo

yasmin-collyer-cv's Introduction

Yasmin Collyer Portfolio

This is my first Milestone Project for the 'User Centric Frontend Development' module with the Code Institute.

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

 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.