Skip to content

README.md

Latest commit

 

History

History
67 lines (47 loc) · 2.84 KB

README.md

File metadata and controls

67 lines (47 loc) · 2.84 KB
Raw

Personal Software Developer Portfolio

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.

🚀 Features

  • 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.

🛠️ Tech Stack

  • 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.

⚙️ Local Development Setup

To get a local copy up and running, follow these simple steps.

Prerequisites

  • Node.js (v16.x or newer recommended)
  • npm (Node Package Manager)

Installation

  1. Clone the repository (or download the source code):

    git clone <your-repository-url>
cd portfolio

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm run dev

    The application will be available at http://localhost:5173 (or your local IP network structure).

  4. Build for production:

    npm run build

    The optimized production build will be output to the dist/ directory.

🤖 Acknowledgments & Development Process

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!