Yoonus Ajward Portfolio Website

📖 Overview

The Yoonus Ajward Portfolio Website is a personal project that showcases my journey as a software engineer and web developer. The site highlights my technical expertise, projects, and professional achievements, providing visitors with an interactive and modern experience.

---

🖥️ Tech Stack

• Frontend Framework: React
• Styling: CSS
• Icons: Font Awesome, React Icons
• Routing: React Router
• Email Integration: EmailJS

---

🌟 Live Demo

Visit the live portfolio here: Yoonus Ajward Portfolio

---

🚀 Features

• Personalised Homepage with Smooth Scrolling
• Project Portfolio Section with Details and GitHub Links
• Contact Form Integration via EmailJS
• Responsive Design for Mobile, Tablet, and Desktop
• Interactive User Interface with React Icons and Animations
• Navigation with React Router

---

🛠️ Setup Instructions

Follow these steps to set up and run the portfolio locally:

1. Prerequisites

Ensure you have the following installed on your machine:

• Node.js (v16+ recommended)
• npm (comes with Node.js)

2. Clone the Repository

git clone https://github.com/yoonusajward/Personal-Portfolio-Website.git
cd Personal-Portfolio-Website

3. Install Dependencies

Run the following command to install all required dependencies:

npm install

4. Start the Development Server

Launch the application in development mode:

npm start

The application will be available at http://localhost:3000.

5. Build for Production

To create a production build, run:

npm run build

The production-ready files will be available in the build folder.

6. Deploy to GitHub Pages

To deploy the application using GitHub Pages:

npm run deploy

This will automatically build and push the site to the gh-pages branch of your GitHub repository, making it live.

📋 Usage Instructions

1. Explore the Portfolio

• Navigate through the homepage to learn more about my skills, projects, and background.

2. Check the Project Portfolio

• View detailed descriptions of my projects, along with the tools used and GitHub links.

3. Contact Me

• Use the integrated contact form to send me a message. The form is powered by EmailJS for seamless communication.

---

🤝 Contribution

Contributions are welcome! Feel free to fork the repository and create pull requests to improve or add new features.

---

📞 Support

For any questions or issues, please reach out to:

• Developer: Yoonus Ajward
• Email: yoonusajward27@gmail.com
• GitHub: https://github.com/yoonusajward
• LinkedIn: https://linkedin.com/in/yoonus-ajward-461064239