https://github.com/fahimfba/portfolio-clone-using-trae-sonet
Cloned version of fahimbinamin.com (v4) using Trae (Sonet 3.5)
https://github.com/fahimfba/portfolio-clone-using-trae-sonet
ai-age bootstrap css html portfolio sonet trae
Last synced: 2 months ago
JSON representation
Cloned version of fahimbinamin.com (v4) using Trae (Sonet 3.5)
- Host: GitHub
- URL: https://github.com/fahimfba/portfolio-clone-using-trae-sonet
- Owner: FahimFBA
- License: mit
- Created: 2025-06-10T12:51:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-10T13:19:14.000Z (about 1 year ago)
- Last Synced: 2025-06-20T05:05:32.957Z (about 1 year ago)
- Topics: ai-age, bootstrap, css, html, portfolio, sonet, trae
- Language: HTML
- Homepage: https://fahimfba.github.io/portfolio-clone-using-trae-sonet/
- Size: 9.77 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio Clone (Static HTML/CSS Version)
This project is a static HTML/CSS replication of my personal portfolio website [fahimbinamin.com](https://fahimbinamin.com), which was originally built using Next.js. The goal was to recreate the look and feel of the Next.js version using only HTML, CSS (with Bootstrap), and minimal JavaScript for effects and interactivity.
## Features
- Responsive design using Bootstrap 5
- Smooth scrolling navigation
- Animated sections using AOS (Animate On Scroll)
- Font Awesome icons for social links
- Loading animation on page load
- Sections: Home, About, Experience, Teaching, Writing, Contact
## How This Was Replicated
- The original Next.js project structure and components were analyzed.
- All dynamic and React-specific features were replaced with static HTML and Bootstrap equivalents.
- CSS was adapted and extended to match the original design as closely as possible.
- JavaScript libraries (AOS, Bootstrap JS) were included via CDN for animations and navigation.
- Theme toggling and advanced interactivity from the Next.js version were omitted for simplicity.
## Getting Started
1. **Clone the repository:**
```bash
git clone https://github.com/FahimFBA/portfolio-clone-using-trae-sonet.git
```
2. Open index.html in your browser.
- No build step or server is required; everything runs client-side.
## Folder Structure
- `index.html` — Main HTML file
- `style.css` — Custom styles
- `LICENSE` — License file
## Credits
- Bootstrap
- AOS
- Font Awesome
- Inspired by the original fahimbinamin.com built with Next.js
## License
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.