developer-portfolios/Azaan Suhail
2024-10-29 20:58:56 +05:30
..
public Azaan Suhail 2024-10-29 20:58:56 +05:30
src Azaan Suhail 2024-10-29 20:58:56 +05:30
.gitignore Azaan Suhail 2024-10-29 20:58:56 +05:30
eslint.config.js Azaan Suhail 2024-10-29 20:58:56 +05:30
index.html Azaan Suhail 2024-10-29 20:58:56 +05:30
package-lock.json Azaan Suhail 2024-10-29 20:58:56 +05:30
package.json Azaan Suhail 2024-10-29 20:58:56 +05:30
postcss.config.js Azaan Suhail 2024-10-29 20:58:56 +05:30
README.md Azaan Suhail 2024-10-29 20:58:56 +05:30
tailwind.config.js Azaan Suhail 2024-10-29 20:58:56 +05:30
vite.config.js Azaan Suhail 2024-10-29 20:58:56 +05:30

Personal Portfolio Website

Project Overview

This project is a personal portfolio website designed to showcase my skills, projects, and experience as a developer. It features dynamic sections, smooth animations, and seamless email integration for easy communication. The website serves as a personal branding tool and reflects my proficiency in modern web development technologies.

Features

  • Dynamic Sections: Includes Home, About, Projects, and Experience sections.
  • Email Integration: Users can contact me directly through the integrated EmailJS contact form.
  • Smooth Animations: Used React Framer Motion for smooth transitions and visual enhancements.
  • Fluid Navigation: Implemented React Scroll for smooth scrolling between sections.

Tech Stack

  • Frontend:
    • React
    • Tailwind CSS
    • Material UI
    • React Framer Motion
    • React Scroll
    • Iconify
    • EmailJS

Installation

Follow the steps below to set up the project locally:

  1. Clone the repository:
    git clone https://github.com/YourUsername/portfolio-website.git
    
  2. Navigate to the project directory:
    cd portfolio-website
    
  3. Install the necessary dependencies:
    npm install
    
  4. Start the development server:
    npm start
    
  5. Open your browser and go to http://localhost:3000 to view the portfolio.

Usage

  • Navigate through the various sections to explore my work and experience.
  • Use the contact form to send direct emails through EmailJS.

Future Enhancements

  • Add additional sections like Blogs or Testimonials.
  • Implement dark mode for better accessibility.
  • Enhance SEO performance and site optimization for faster loading times.

Live :

-https://personal-portfolio-website-seven-teal.vercel.app/