This portfolio site showcases my skills, projects as a Frontend professional. It is designed to provide visitors with a comprehensive understanding of my capabilities and the work I have done.
- HTML: For creating the basic structure and content of the website.
- CSS: To style and format the site, ensuring an attractive and user-friendly design.
- JavaScript: To add interactivity and enhance the user experience where needed.
The portfolio site is designed to be responsive for all screens. This means that the layout and content will adapt and adjust to different screen sizes, such as desktops, laptops, tablets, and smartphones. The responsive design ensures that visitors can access and navigate the site easily, regardless of the device they are using.
To achieve responsiveness, the following technique has been employed:
Media Queries: CSS media queries are used to apply different styles based on the screen size. This allows the site to have different layouts and font sizes for various devices.
The portfolio application follows the following flow:
-
Introduction/About: A brief introduction that shares name, your role as a frontend developer, and a concise summary of passion for web development.
-
Skills: A section that outlines technical skills, such as programming languages (HTML, CSS, JavaScript, etc.), frameworks, libraries, and any other tools.
-
Projects: Showcase best and most relevant projects inclduing include personal projects, coursework, or freelance work.
-
Work Experience: Any relevant work experience.
-
Education: Provide more details about educational background, such as degree, university.
-
Contact Information: Make it easy for potential employers or clients to get in touch with you.
If you want to run the site locally for development or testing purposes, follow these steps:
- Clone the repository to your local machine.
- Open the project's main directory.
- Open the index.html file in your preferred web browser.