A modern, responsive, one-page portfolio website designed to showcase projects, professional experience, and technical skills. Built with performance and user experience in mind, featuring dynamic UI components, multi-language support, and a sleek dark-mode-first aesthetic.
- Modern UI/UX: Responsive, "glassmorphism" design with fluid animations and a premium dark mode.
- Multilingual Support: Seamless toggling between English and Serbian (
LanguageContext). - Interactive Project Showcase: A dynamic grid displaying project cards, tags, and interactive image modals for quick previews.
- Secure Contact Form: Integrated with EmailJS for direct messaging and Google reCAPTCHA v2 to prevent spam.
- Optimized Performance: Fast development and build times powered by Vite.
- Core: React 18 + Vite
- Styling: Vanilla CSS (Custom Design System without heavy external libraries)
- State Management: React Hooks (
useState,useEffect,useContext) - Integrations: EmailJS, Google reCAPTCHA v2
- Deployment: Ready for hosting on platforms like GitHub Pages, Vercel, or Netlify.
To get a local copy up and running, follow these simple steps.
- Node.js (v16.x or newer recommended)
- npm (Node Package Manager)
-
Clone the repository (or download the source code):
git clone <your-repository-url> cd portfolio
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
The application will be available at
http://localhost:5173(or your local IP network structure). -
Build for production:
npm run build
The optimized production build will be output to the
dist/directory.
This project was developed with the assistance of AI coding agents:
-
Initial Development: The foundational architecture and UI design system were scaffolded using Antigravity AI Agent (Google DeepMind), which provided rapid component setup and core structure.
-
Personal Customization: Extensive manual refinements, business logic, content personalization, and feature integration were added to align the application with professional requirements and standards.
-
Enhancements & Refinements: Some features and improvements were implemented with Cline (Anthropic Claude).
This hybrid approach combined AI-assisted development with hands-on customization, demonstrating the effective collaboration between human expertise and AI tooling in modern software development.
If you found this project helpful, feel free to inspect the source code!