Ahad Ali - Portfolio Website

This portfolio website showcases information about me, my skills, qualifications, testimonials, contact details, and projects. It provides a comprehensive overview of my professional journey as a Full-Stack Developer, using clean UI and intuitive design to display my work.

Technologies Used

• React JS, Vanilla CSS, Swiper JS

Features

• About Me: Overview of my skills, qualifications, and journey.
• Projects: Display of key projects with descriptions and links.
• Testimonials: Feedback from clients or colleagues.
• Contact: A simple and clean contact form to reach out to me.

Getting Started

Prerequisites

• Node.js and npm installed
• A code editor (e.g., VS Code)
• Git (optional, for cloning the repository)

Setup Instructions

1. Clone the Repository

   git clone https://github.com/ahadalireach/portfolio.git

   Alternatively, you can unzip the file if you downloaded it as a zip.

2. Open the Project in VS Code

   Open the project folder with VS Code or any preferred code editor.

3. Install Dependencies

   Navigate to the project directory:

   cd portfolio-master

4. Run the Development Server

   Start the development server:

   npm start

5. Access the Application

   Open your browser and navigate to http://localhost:3000 to view the application.

6. Customize Your Portfolio

   • Assets Folder: Create assets folder in src.
   • Add a favicon: Replace the favicon.ico file in the public folder with your logo or image.
   • Profile Image: Add me.png in the assets folder. Then, update the image path in home/data.js to reflect the new file.
   • Testimonials: Add four testimonial images (t1.png, t2.png, t3.png, t4.png) in the assets folder. Then, update the paths in testimonial/Testimonial.js to include the new images.
   • Resume: Add your resume with the name Resume.pdf in the assets folder. Then, update the resume link in about/About.js accordingly.

7. Update Personal Information

   Update every sections with your personal details.

Once you've made these updates, your portfolio will be customized and ready to launch!

Live Demo

• Live Web: ahadali.netlify.app
• GitHub Repo: ahadalireach/portfolio (Give it a Star!)

Contact

For any questions or feedback, please reach out to me at ahadali.reach@gmail.com.