This portfolio is designed to highlight my skills, projects, and professional background in a clean, responsive, and engaging format.
This website serves as my personal developer portfolio, built using HTML, CSS, and JavaScript.
It includes sections like:
- Home – Introduction and quick contact CTA.
- About – Overview of my background, skills, and philosophy.
- Projects – Highlights of selected projects across web and mobile technologies.
- Experience – Professional journey and key responsibilities.
- Contact – Get in touch directly via email or form submission.
The layout emphasizes minimalism, responsiveness, and accessibility.
| Category | Technologies |
|---|---|
| Frontend | HTML5, CSS3, JavaScript |
| Styling | Custom CSS (no frameworks used) |
| Fonts | Google Fonts – Inter |
| Icons | Custom SVGs + Icons8 |
| Hosting (optional) | GitHub Pages / Netlify / Vercel |
📁 Portfolio/
├── index.html # Main HTML file
├── style.css # Custom styling for layout and components
├── js/
| ├── captcha.js # Simple captcha like interface
| ├── particle.js # Simple particle background handles particle and hovering effects
| ├── script.js # JS logic (form handling, interactivity, etc.)
└── assets/ # Folder for images, icons, etc.
✅ Fully Responsive Layout – Works seamlessly across devices (mobile, tablet, desktop).
✅ Smooth Navigation – Scroll-based anchor navigation with a minimal top navbar.
✅ Interactive Contact Form – Allows direct email communication.
✅ Sectioned Content – Each area (About, Projects, Experience) is clearly defined for readability.
✅ Accessible & SEO-Ready – Includes metadata, semantic structure, and ARIA attributes.
-
Clone this repository
git clone https://github.com/AJ-18s/portfolio.git
-
Navigate into the project directory
cd portfolio -
Open in browser
open index.html
(Or simply double-click the file to launch it in your browser.)
You can easily host this site using:
- GitHub Pages
- Push your project to a GitHub repo.
- Go to Settings → Pages → Deploy from main branch.
- Netlify
- Drag and drop your folder on Netlify Drop.
- Vercel
- Run
vercel deployfrom the CLI or connect your repo directly.
- Run
- Add even more smoother and scrolling animations using JavaScript or GSAP.
- Ensure Type saftey by refactoring through Typescript
- Integrate a backend for real-time contact form submissions.
- Add a dark/light theme toggle.
- Improve project filtering and interactive previews.
- Replace simple CAPTCHA with Google reCAPTCHA v2
This project is open source and free to use for personal or educational purposes.
Attribution to the original author (AJ Shruthiswaran) is appreciated.
“Clean design, clear code, and continuous learning.”