Table of Contents

• About the Project
  • Built With
    • Key Features
  • Live Demo
• Authors
• Future Features
• Contributing
• Show your support
• Acknowledgements
• FAQ
• License

[porfolio] https://amazinggracee.github.io/Portfolio1

My website Portfolio.

This is my design portfolio where I share some of my design work.

[Online link porfolio]

In this project:

• For this project, we added the JavaScript + HTML + CSS linter.
• I made sure that you used the correct GitHub flow.
• I made sure that you documented your work in a professional way.
• Follow our list of best practices for HTML, CSS and JavaScript.
• I used Flexbox to place elements in the page.
• I built a personal portfolio site.
• I used images and backgrounds to enhance the look of my website.
• I created a form with HTML5 validations.
• I understood the importance of UX.
• I understood how to parse a Figma design to create a UI.
• We used media queries in our CSS file to make my desktop version look like the template I selected (Desktop: >=768px).
• In order to lay out the elements on the page we used use Grid and Flexbox.
• we did not implement any functionality that requires JavaScript
• we replicated the design as much as possible (e.g., font, colors, images, text, margins) using the info from the Figma templates.
• we the usefulness of transitions and animations.
• we implemented functionality that requires JavaScript.
• we used basic JavaScript syntax.
• we used JavaScript to manipulate DOM elements.
• we used JavaScript events.
• we used objects to store and access data.
• We processed user input according to business rules.
• we use client-side validation to catch and throw errors in the UI.
• we implemented the following interactions:
  - When the user changes the content of any input field, the data is saved to the local storage.
  - When the user loads the page, if there is any data in the local storage the input fields are pre-filled with this data.
• we used the following data model:
  - we created a single JavaScript object with all the data from the entire form and save it in local storage.

Built With Technologies

• HTML
• CSS
• Javascript

Tech Stack HTML, CSS and JavaScript

The entire project was built with only HTML5, CSS3 and JavaScript.

Key Features

• [key_feature_1] My Porfolio, built with CSS, Html and JavaScript.
• [key_feature_2] Portfolio: Mobile Version.
• [key_feature_3] Portfolio: add a contact form and finish the mobile version.
• [key_feature_4] Portfolio: desktop version.
• [key_feature_5] Portfolio - mobile menu.
• [key_feature_6] Portfolio: details popup window.
• [key_feature_7] Portfolio: validate contact form.
• [key_feature_8] Portfolio: preserve data in the browser.

Live Demo demo

• [Live Demo Link] https://amazinggracee.github.io/Portfolio1/

Getting Started Portfolio Repository

Prerequisites

In order to run this project you need:

1. A computer with a code writer, I recommend Visual Studio Code.
2. A pre-knowledge of HTML,CSS and JavaScript.

Authors Authors

Amarachi Dimkpa

• GitHub: @amazinggacee
• Twitter: @amazinggaceu
• LinkedIn: Amarachi Dimkpa

Gladwin Tshepo Ramantso

• GitHub: @tsheporamantso
• Twitter: @ramgt001
• LinkedIn: Tshepo Ramantso

Rushema Anicet

• GitHub: @rushemaa
• Twitter: @rushemaa
• LinkedIn: Rushema Anicet

Umair Hamza

• GitHub: @emhamza
• Twitter: @uhamzaz
• LinkedIn: LinkedIn

Future Features

• [new_feature_1] Add more behaviour via Javascript.

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

If you like this project feel free to go through it and comment.

Acknowledgments

I would like to thank Microverse Students that I have collaborated with since I started this journey.

FAQ

Add at least 2 questions new developers would ask when they decide to use your project.

• [Question_1]

  • [Answer_1]

• [Question_2]

  • [Answer_2]

LICENCE

This project is MIT license licensed.