https://github.com/masterjaneza/portfolio
A modern, animated developer portfolio built with Tailwind CSS and GSAP. Designed to be responsive, elegant, and highly interactive, it showcases projects with smooth scroll-based animations and custom styling. Built from scratch to reflect a unique personality and developer experience—perfect for job applications, freelancing, or personal branding
https://github.com/masterjaneza/portfolio
autopreficer css3 gsap gsap-animation gsap-scrolltrigger html5 lenis lenis-js lenis-scroll modern modern-ui post-css postcss responsive smooth smooth-animation smooth-animations-and-transitions tailwindcss tailwindcss-plugin
Last synced: 29 days ago
JSON representation
A modern, animated developer portfolio built with Tailwind CSS and GSAP. Designed to be responsive, elegant, and highly interactive, it showcases projects with smooth scroll-based animations and custom styling. Built from scratch to reflect a unique personality and developer experience—perfect for job applications, freelancing, or personal branding
- Host: GitHub
- URL: https://github.com/masterjaneza/portfolio
- Owner: masterjaneza
- Created: 2024-11-06T15:55:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-22T06:52:19.000Z (about 1 year ago)
- Last Synced: 2025-05-22T07:52:52.926Z (about 1 year ago)
- Topics: autopreficer, css3, gsap, gsap-animation, gsap-scrolltrigger, html5, lenis, lenis-js, lenis-scroll, modern, modern-ui, post-css, postcss, responsive, smooth, smooth-animation, smooth-animations-and-transitions, tailwindcss, tailwindcss-plugin
- Language: JavaScript
- Homepage: https://portfolio-masterjanezas-projects.vercel.app/
- Size: 18 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎨 MasterJaneza’s Portfolio
Welcome to my digital playground — a **modern, animated, and responsive developer portfolio** designed with performance and elegance in mind. This portfolio isn’t just a list of projects; it's a living canvas of who I am as a creative developer, showcasing animation, responsiveness, and clean UI all in one cohesive experience.
---
## 🌐 Live Demo
👁️ [View it live here](https://portfolio-masterjanezas-projects.vercel.app)
---
## 📖 About the Project
This portfolio was built as a showcase of **technical skill**, **aesthetic taste**, and **design sensibility**. It’s intended to serve as a professional identity online and to demonstrate mastery of:
- Modern front-end workflows
- Responsive design principles
- Motion design using JavaScript
- Utility-first CSS architecture with Tailwind CSS
It's a no-template, no-bootstrap zone—every pixel and animation is handcrafted.
---
## ✨ Key Features
- 💻 **Fully Responsive Layout**
Scales beautifully across mobile, tablet, and desktop devices with pixel precision.
- ✨ **Smooth Animations with GSAP**
Page transitions and content reveals that feel alive and intuitive.
- 🎨 **Built with Tailwind CSS**
Modular, maintainable, and fast to iterate—thanks to utility classes and clean architecture.
- 📂 **Project Showcase Section**
Visually appealing cards with animations that highlight your best work.
- 🌙 **Dark Mode Ready (Future Enhancement)**
The structure allows easy toggling if you plan to support dark themes later.
- 🧠 **Custom JavaScript Enhancements**
Scroll-triggered animations, delayed transitions, and more—all handled smoothly with GSAP.
---
---
## 🔧 Technologies & Tools
| Technology | Purpose |
|------------|---------|
| **HTML5** | Base structure and semantic layout |
| **Tailwind CSS** | Styling with utility-first approach |
| **GSAP** | Animations and scroll-triggered effects |
| **PostCSS & Autoprefixer** | CSS preprocessing |
| **Vite / Webpack** *(depending on setup)* | Development tooling |
| **Git & GitHub** | Version control and deployment |
---
## 🚀 How to Run Locally
To test or customize this portfolio on your own machine:
1. **Clone the repository:**
```bash
git clone https://github.com/masterjaneza/portfolio.git
cd portfolio
npm install
npm run dev
```
## 🧪 Browser Support
This project works in all modern browsers. Some enhancements (like smooth scrolling or scroll snapping) may have minor inconsistencies in older browsers, but the core functionality holds.
---
## 🧪 License
Feel free to use, modify, or remix this project. No pressure.
Just give credit where credit’s due - sharing is caring. 😉
---
## 🌟 Support the Project
If this helped you or made you smile, hit that ⭐ on GitHub, fork it, remix it, and tag me in your own creations. Let’s build scroll magic together.
---
## ✍️ Credits
Crafted with pixels and passion by
**Davit Janezashvili**
_aka MasterJaneza – Creative Developer & Designer_
---
## ⚠️ Note
If you're using dark mode, some visuals might not look as intended. For the best experience, switch to light mode.
---