The app is built using a range of technologies:
- Frontend: React, HTML, CSS, JavaScript
- State Management: React Hooks (useState)
- Styling: CSS Modules and/or CSS-in-JS (styled-components or similar)
- External Libraries/Tools: React Icons for icons, EmailJS for handling email sending functionality
This React-based portfolio is a comprehensive representation of my skills, projects, and ways to get in touch with me. Here's a breakdown of its key sections:
The header introduces visitors to the site, displaying my name, profession, and a brief greeting. It also offers quick access to downloading my CV and contacting me.
The navigation bar provides easy access to different sections of the portfolio such as About, Skills, Projects, and Contact. It's designed to make navigation intuitive and straightforward.
This section offers insights into my background, education, experience, and areas of expertise. It includes details about my developer experience, educational qualifications, and a brief summary of my interests and current academic pursuit.
A comprehensive display of my technical skills is showcased here, categorized into frontend and backend technologies. Each skill is represented by an icon for better visual representation.
The Projects section highlights a selection of my completed projects. Each project includes a title, description, technologies used, and links to the GitHub repository and live demo.
This section provides multiple ways to get in touch, such as via email or LinkedIn. Additionally, there's a form available to send direct messages.
The footer contains links to essential sections of the portfolio and includes a copyright notice.
The app is structured using various components such as Hero, Header, Navbar, About, Skill, Project, Contact, and Footer. Each component serves a specific purpose in displaying information or enabling functionality within the app.
This portfolio app offers a concise and structured way for visitors to explore my background, skills, and projects, while also providing convenient means to connect with me. Feel free to explore the live version to get a better understanding of the app's functionality and design.