Izma Portfolio Project Overview This project is a personal portfolio website developed using Next.js. The main objective of this project is to create a visually appealing and user-friendly platform to showcase my skills, projects, and experience as a Full Stack Developer. The website is designed to provide a seamless browsing experience across various devices, ensuring that potential employers and collaborators can easily navigate through my work.

Technologies Used Next.js: Framework for server-rendered React applications.

Tailwind CSS: Utility-first CSS framework for styling.

TypeScript: Superset of JavaScript adding static types.

AOS (Animate On Scroll): Library to animate elements on scroll.

React Icons: Collection of popular icons as React components.

Next Image: Optimized image component for Next.js.

Project Structure project-directory/ ├── public/ │ └── img.png ├── src/ │ └── components/ │ └── Header.tsx │ └── Footer.tsx │ └── About.tsx │ └── Projects.tsx │ └── Skills.tsx │ └── Home.tsx ├── pages/ │ └── index.tsx ├── styles/ │ └── globals.css ├── README.md ├── package.json └── tsconfig.json Features Home Section: Introduction with a personal greeting, professional title, and a brief summary.

About Section: Detailed information about my background, skills, and experience.

Projects Section: Showcase of various projects with descriptions and links to GitHub repositories.

Skills Section: Overview of my technical skills and tools I am proficient in.

Contact Section: Contact form and links to social media profiles (LinkedIn, GitHub).

Home Page Header: Contains the site title and navigation links (Home, About, Projects, Skills, Contact).

Main Section:

Introduction to the website's purpose.

Personal greeting and professional title.

Brief summary of my experience and skills.

Footer: Includes contact information and social media links.

About Page Introduction: Overview of my background and experience.

Detailed Skills: Breakdown of my technical skills.

Experience and Education: Highlighting key experiences and educational background.

Projects Page Project Listings: Description of various projects I have worked on.

Details: Each project includes a brief overview, technologies used, and links to the project repository.

Skills Page Technical Skills: List of programming languages, frameworks, and tools I am proficient in.

Proficiency Levels: Visual representation of skill levels.

Contact Page Contact Form: Form for visitors to send me a message.

Contact Information: Email address, phone number, and office address.

Social Media Links: Links to LinkedIn and GitHub profiles.

Animation and Styling AOS Library: Used to animate elements on scroll, enhancing the visual appeal.

Tailwind CSS: Utilized for styling the website with a clean and modern design.

Responsive Design: Ensuring the website looks great on all devices, from mobile phones to desktops.