https://github.com/ahadalireach/portfolio
A portfolio website template with a unique and interactive design, crafted for developers to easily showcase their skills and projects.
https://github.com/ahadalireach/portfolio
css portfolio portfolio-website reactjs website website-development website-template
Last synced: 11 months ago
JSON representation
A portfolio website template with a unique and interactive design, crafted for developers to easily showcase their skills and projects.
- Host: GitHub
- URL: https://github.com/ahadalireach/portfolio
- Owner: ahadalireach
- Created: 2024-09-26T17:54:47.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-20T18:00:06.000Z (about 1 year ago)
- Last Synced: 2025-06-27T23:54:34.059Z (12 months ago)
- Topics: css, portfolio, portfolio-website, reactjs, website, website-development, website-template
- Language: JavaScript
- Homepage: https://ahadali.netlify.app
- Size: 1.99 MB
- Stars: 16
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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**
```bash
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:
```bash
cd portfolio-master
```
4. **Run the Development Server**
Start the development server:
```bash
npm start
```
5. **Access the Application**
Open your browser and navigate to [http://localhost:3000](http://localhost:3000) to view the application.
6. **Customize Your Portfolio**
- **Assets Folder**: Add your images and resume in `src/assets`.
- **Favicon**: Replace `public/favicon.ico` with your own.
- **Profile Image**: Place `me.png` in `src/assets`.
- **Resume**: Rename your resume to `Resume.pdf`.
- **Testimonials**: Add testimonial images (`t1.png`, `t2.png`, `t3.png`) to `assets`.
7. **Update Personal Information**
- Modify your **bio, skills, projects, testimonials**, and **social links** in the respective files.
---
**Live Demo**
- Live Web: [ahadali.netlify.app](https://ahadali.netlify.app/)
- GitHub Repo: [ahadalireach/portfolio](https://github.com/ahadalireach/portfolio) (Give it a Star!)
**Contact**
For any questions or feedback, please reach out to me at [ahadali.reach@gmail.com](mailto:ahadali.reach@gmail.com).