- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- ❓ FAQ (OPTIONAL)
- 📝 License
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.
Client
Style
Dynamic
Standar code
Data
- Formspree
- Client side Data Validation using JavaScript
- [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]
To get a local copy up and running, follow these steps.
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.
Clone this repository to your desired folder:
git clone https://github.com/HFG43/Portfolio
Open index.html file with your Code Editor, and review the behaviour of the page under different sizes.
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.
To run tests, run the following command:
No test available yet.
You can deploy this project using:
👤 Author1
- GitHub: @HFG43
- LinkedIn: hernanguemes
- [Animations & Transitions]
- [Accesibility taken into consideration]
- [Use of Bootstrap and CSS preprocessors ]
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project, please Star it!
I would like to thank my coding partner Anwar Hussaini @githubhandle for working together with the contact form section!
This project is MIT licensed.