Professional Portfolio | Rahie

A dynamic, mobile-responsive portfolio website built to showcase my technical skills, academic achievements at Carleton University, and professional projects.

🚀 Live Demo

View my portfolio here

🛠️ Tech Stack

• Frontend: HTML5, CSS3, Bootstrap 5 (Responsive Grid)
• Logic: Vanilla JavaScript (Dynamic Content Injection)
• Deployment: GitHub Pages
• Version Control: Git

✨ Key Features

• Dynamic Resume Sections: Content for Education, Skills, and Experience is injected via JavaScript for easy maintenance.
• Custom Navigation: Floating "Back to Top" and "Go to Bottom" logic optimized for performance.
• Grid Layout: Utilizes a symmetric 2x2 grid for core resume data and a 3-column layout for supplementary info.

📁 Project Structure

portfolio/

├── index.html # Main structure and entry point

├── images/ # Images

├── css/ # Custom styling

├── scripts/ # Web page scripts

├───── home.js # Handles homepage data

├───── resume.js # Handles resume data

├───── contact.js # Handles contact data

├───── footer.js # Handles footer content

├───── scrollOperations.js # Handles the scrolling operations

├── package.json # Handles and stores commands for testing/debugging

├── package-lock.json # Stores all the dependencies from node_modules directory

├── index.html # Main structure and entry point

├── node_modules/ # Stores all the dependencies installed via npm (Node Package Manager).

└── server.js # Server testing

⚙️ How to Run Locally

1. Clone the repo: git clone https://github.com/your-username/portfolio.git
2. Run the server using the command npm test.
3. On run, click on the link to the localhost at port 3000 for testing purposes.