Live Website: anujajay.com GitHub Repo: github.com/Anuja-jayasinghe/My-Portfolio
A modern, animated, and interactive personal portfolio website built using Next.js (v15) and React 19, designed to showcase my work, skills, and interests in software engineering, AI, and open-source. Deployed via Vercel with custom domain support.
- Landing Page with animated typewriter text, parallax scroll, and quick access buttons
- About Section with avatar, animated glow effect, and a short bio
- Projects Section displaying responsive project cards and carousel with tech stacks, GitHub/live demo links
- Contact Section with Formcarry-powered contact form, email, and animated social links
- Animated Cursor & Background Graphics built with WebGL & OGL
- Responsive Design with sticky header, mobile menu, and scroll-to-top button
- Custom 404 & Error Pages with unique animations and styles
- Interactive Social Icons: Spinning circular icons and horizontal marquee animations
- Google Analytics integration for user tracking
| Category | Technologies |
|---|---|
| Frontend | React 19, Next.js 15.3.1 (Pages Router) |
| Styling | Tailwind CSS, CSS Modules, PostCSS |
| Animations | Framer Motion, react-tsparticles, tsparticles, WebGL (OGL) |
| Icons | Lucide React, react-icons |
| Testing | Jest, React Testing Library |
| Deployment | Vercel |
| Analytics | Google Analytics |
src/
│
├── app/ # Main application
│ ├── components/ # UI components (Hero, Header, Projects, etc.)
│ ├── styles/ # Tailwind + custom CSS modules
│ ├── page.jsx # Main landing page
│ ├── error.jsx # Custom error page
│ └── not-found.jsx # Custom 404 page
│
├── public/ # Static assets (images, icons, SVGs)
│ └── icons/ # Social media icons
│
└── __tests__/ # unit and integration tests| Project | Tech Stack | Description |
|---|---|---|
| EcoAction | HTML, CSS, JS | Environmental awareness platform |
| Simple JS Calculator | HTML, CSS, JS | A basic calculator with custom styling |
| Chess Academy System | Java | Management system for chess training institute |
| Percolation Demo | Python | Visualization of percolation system simulation |
| Traffic Analyzer | Python, graphics.py | Visual data representation for traffic analysis |
| Portfolio Website | Next.js, React, Tailwind | This site itself! Modern, animated, responsive |
📧 Email: anujajayasinhe@gmail.com 🌐 Portfolio: anujajay.com
Connect with me on:
Clone the repository and install dependencies:
git clone https://github.com/Anuja-jayasinghe/My-Portfolio.git
cd My-Portfolio
npm installRun the development server:
npm run devVisit http://localhost:3000 to view the app.
To create an optimized build:
npm run build
npm startDeployment is configured for Vercel. Just push your changes to the main branch and Vercel will handle the rest.
- Expand project filtering functionality
- Enable theme toggle (light/dark)
- Accessibility enhancements (ARIA roles, focus states)
- Multilingual support
This project is licensed under the MIT License.