Crafting intuitive interfaces and meaningful experiences through minimalist design, user-centered thinking, and clean code
- 🎯 Modern Design - Clean, minimalist interface with attention to typography and spacing
- 🌓 Dark Theme - Elegant dark mode for optimal viewing experience
- 📱 Responsive - Fully responsive design that works beautifully on all devices
- 🎬 Animations - Smooth, performant animations using Framer Motion
- 📝 Interactive - Engaging UI elements and micro-interactions
- 📍 Location Map - Interactive map integration
- 📬 Contact Form - Integrated email functionality using EmailJS
- ⚡ Performance - Optimized for fast loading and smooth scrolling
- Frontend Framework: React with Vite
- Styling: Styled Components
- Animations: Framer Motion
- Routing: React Router
- Form Handling: EmailJS
- Deployment: GitHub Pages
-
Clone the repository
git clone https://github.com/artemsvit/portfolio.git cd portfolio -
Install dependencies
npm install
-
Set up environment variables
# Create .env file and add your keys REACT_APP_EMAILJS_SERVICE_ID=your_service_id REACT_APP_EMAILJS_TEMPLATE_ID=your_template_id REACT_APP_EMAILJS_PUBLIC_KEY=your_public_key -
Start development server
npm run dev
portfolio/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Main application pages
│ ├── styles/ # Global styles and theme
│ ├── assets/ # Images and static files
│ ├── utils/ # Utility functions
│ └── App.jsx # Main application component
├── public/ # Static files
└── package.json # Project dependencies
- Mobile-first approach
- Fluid typography and spacing
- Optimized layouts for all screen sizes
- Lazy loading of images and components
- Code splitting
- Optimized asset delivery
- Hardware-accelerated animations
- Intuitive navigation
- Smooth scrolling
- Interactive elements
- Clear visual hierarchy
This project is licensed under the MIT License - see the LICENSE file for details.
Designed & Built with ❤️ by Artem Svitelskyi