Screenshots
Info
This is a basic portfolio page for developers to showcase their projects and knowledge.
The portfolio website is hosted on GitHub and accessible through a custom domain. To provide a better user experience and establish my brand, I have purchased a custom domain name. Please note that while the website content is hosted on GitHub, the custom domain and associated services are managed separately.
You can still use the webpage that is freely provided by GitHub Pages without any custom domain (e.g. [your username].github.io/portfolio/)
Any comments, issues, and PRs are welcome.
Feel free to fork and edit for your use. The project is licensed under MIT license
Changelog
Version 1.0:
- Refactored the codebase to use modern JavaScript syntax and best practices.
- Implemented a modular architecture using ES modules for better code organization and maintainability.
- Improved the overall performance and responsiveness of the website by optimizing the code, reducing unnecessary calculations, and optimizing loading speed and resource consumption.
- Added functionality to handle click events and show specific content based on the clicked element.
- Added support for storing the selected theme and the currently displayed content in the local storage.
- Added smooth scrolling functionality to anchor links within the page.
- Added a scroll function to display a back-to-top button when scrolling down the page and implemented a function to smoothly scroll to the top of the page when the back-to-top button is clicked.
- Added a theme toggle feature to switch between light and dark themes, including tooltip functionality when hovering over the theme toggle button.
- Improved the user interface by applying different styles and images based on the selected theme, including smooth transitions and animations.
- Implemented an intersection observer to gradually fade in the content sections as they come into view.
- Added mouseover and mouseout events to change the images when hovering over specific icons.
- Implemented a function to adjust the column width based on the viewport size and when the window is resized (i.e. live adjustment).
- Implemented a modal popup to display project details, including project and repository links, which fetches and displays the README.md file from the GitHub repository for the selected project.
- Implemented functionality to open project and repository links in new tabs/windows
- Enhanced the tooltip styling and behavior for better usability.
- Added error handling for failed README.md file fetch requests.
- Added icons from simple icons by jsdelivr.net, www.svgrepo.com, and FontAwesome (free).