/Portfolio

Take a look at my projects in my portfolio! A showcase of my coding journey, featuring personal projects!

Primary LanguageHTMLMIT LicenseMIT

logo

README

📗 Table of Contents

📖 [Portfolio]

Is a first project to prepare the arena to showcase my future Portfolio as software developer. Here you will find a first deployment to present my portfolio works and professional skills, and you will also have the option of sending me a message. As part of the features, some of the sections are loaded dynamicaly using JavaScript. Also, as a way to include usable and robus we are including data side validation, prior to sending to the server. And whatsmore, to improving the UX expierence, the data added to the form will be saved localy to be reusable.

[Portfolio] is a starting point to getting prepare to present my future portfolio in a responsive and dynamic way.

🛠 Built With

Tech Stack

Client
Style
Dynamic
Standar code
Data
  • Formspree
  • Client side Data Validation using JavaScript

Key Features

  • [Form data input will be saved in local storage]
  • [Form input validation using JavaScript]
  • [Includes dynamic pop ups for each project and screen size]
  • [Cards HTML section is created whe the page loads]
  • [Includes a video explaining the project goal]
  • [Includes a Mobile Menu displayed dynamicaly using JS events]
  • [First approach to a responsive portfolio design]
  • [Includes my mobile & desktop design. I have used @Media queries to introduce responsiveness]
  • [To position elements in place, and to prepare them for a RWD, I udes Flex-Box and CSS Grid Layout]
  • [Introduction of my skills as professional developer]
  • [Contact form -with client side validation- where you will be able to send me your messages]
  • [Includes a deployment link to being able to see the project in any browser and dispositive]

(back to top)

🚀 Live Demo

My portfolio live demo link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Open on Visual Studio Code or any other code reader, and use an app as Live Server to review online.

Setup

Clone this repository to your desired folder:

git clone https://github.com/HFG43/Portfolio

Install

Open index.html file with your Code Editor, and review the behaviour of the page under different sizes.

Usage

To run the project, execute the following command:

Run index.html on yor Web Browser to view changes.

Example command on VSC: Select your index.html file Run Open with Live Server.

Run tests

To run tests, run the following command:

No test available yet.

Deployment

You can deploy this project using:

My portfolio deployment link

(back to top)

👥 Authors

👤 Author1

(back to top)

🔭 Future Features

  • [Animations & Transitions]
  • [Accesibility taken into consideration]
  • [Use of Bootstrap and CSS preprocessors ]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please Star it!

(back to top)

🙏 Acknowledgments

I would like to thank my coding partner Anwar Hussaini @githubhandle for working together with the contact form section!

(back to top)

📝 License

This project is MIT licensed.

(back to top)