Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shyke0611/portfolio_website

Personal Portfolio website using HTML, CSS, Javascript
https://github.com/shyke0611/portfolio_website

html-css-javascript ui-design ux-design

Last synced: about 2 months ago
JSON representation

Personal Portfolio website using HTML, CSS, Javascript

Awesome Lists containing this project

README 

        





[![Email](https://img.shields.io/badge/Email-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])

[![LinkedIn][linkedin-shield]][linkedin-url]

[![Website](https://img.shields.io/badge/Website-Visit-blue?style=for-the-badge)](https://andrewshinportfolio.netlify.app)









  
Personal Website



  


    Personal Portfolio Website made using html css and javascript

  










## Reflection



#### Context and Motivation



Having gained some practice through my high fidelity prototype project, I was motivated to apply these skills to create my personal portfolio website. My primary goal was to develop a clean and simple website that would allow users to quickly and easily access the information they needed. This project was driven by my desire to present my work and achievements in a straightforward and professional manner.



#### Project Goals



The main goal of this project was to build a personal portfolio website using HTML, CSS, and JavaScript. I aimed to design a site that was both aesthetically pleasing and highly functional, ensuring that the user experience was intuitive and seamless. By keeping the design minimalistic, I wanted to ensure that visitors could focus on the content without being distracted by overly complex elements.



### Challenges and Learning Experience



One of the significant challenges I encountered was getting the animations right. Although I had a vision for smooth and engaging transitions, implementing them proved to be more difficult than anticipated. This struggle led me to seek help from various online resources and communities. Through this process, I learnt the importance of detailed planning and the value of external guidance. The experience not only improved my technical skills but also highlighted the importance of perseverance and resourcefulness in problem-solving.



## Acknowledgments



* [YouTube Channel: Beyond Fireship | Youtube Video: Subtle, yet Beautiful Scroll Animations](https://www.youtube.com/watch?v=T33NN_pPeNI)

* [YouTube Channel: M -softTech | Youtube Video: Responsive 3D Image Slider](https://www.youtube.com/watch?app=desktop&v=HEJsHNWPF74)



[contributors-shield]: https://img.shields.io/github/contributors/github_username/repo_name.svg?style=for-the-badge

[contributors-url]: https://github.com/github_username/repo_name/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/github_username/repo_name.svg?style=for-the-badge

[forks-url]: https://github.com/github_username/repo_name/network/members

[stars-shield]: https://img.shields.io/github/stars/github_username/repo_name.svg?style=for-the-badge

[stars-url]: https://github.com/github_username/repo_name/stargazers

[issues-shield]: https://img.shields.io/github/issues/github_username/repo_name.svg?style=for-the-badge

[issues-url]: https://github.com/github_username/repo_name/issues

[license-shield]: https://img.shields.io/github/license/github_username/repo_name.svg?style=for-the-badge

[license-url]: https://github.com/github_username/repo_name/blob/master/LICENSE.txt

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://www.linkedin.com/in/andrew-hk-shin

[login]: project_images/loginform.png

[home]: project_images/Homepage.png