š Danut Grigore ā UI/UX Designer & Full-Stack Developer Portfolio
š Visit Live Website
Welcome to my personal design and development portfolio ā a hand-crafted showcase of clean interfaces, interactive experiences, and scalable code.
š Table of Contents
- About the Project
- Features
- Tech Stack
- UI/UX Highlights
- Visual Showcase
- Run Locally
- Folder Structure
- License
š About the Project
This portfolio was designed to reflect my design philosophy: clarity, accessibility, and meaningful user experience. It serves as both a resume and a visual narrative ā featuring selected projects, my skill set, and direct CTAs for collaboration.
āØ Features
- š§ Glassmorphic UI Elements with blur, borders, and smooth glow rings
- šÆ Responsive layout optimized for mobile & desktop
- š Reusable components powered by React + Framer Motion
- š§ Animated, interactive CTAs and section reveals
- š Semantic HTML + accessibility best practices
- š Resume download & direct contact CTA
- āļø Smooth hover effects and button animations using Tailwind CSS 4.1
š Tech Stack
| Tool / Library | Purpose |
|---|---|
| React.js | Component-based architecture |
| Tailwind CSS 4.1 | Utility-first modern styling |
| Framer Motion | Animations and transitions |
| Heroicons | Elegant iconography |
| Formspree | Contact form backend integration |
| Vite / CRA | Lightning-fast dev server (choose based on setup) |
šØ UI/UX Highlights
- Consistent button styles with hover fill animation from left to right
- Scroll-to-explore dividers replaced with elegant glowing lines
- Responsive section spacing and alignment across devices
- Project cards with expandable details, tags, and live/GitHub buttons
- Typography & color palette adapted for high readability and hierarchy
š¼ Visual Showcase
Projects featured:
- Vegan Bliss ā Health-focused blog & recipe platform
- ByteSnake ā Browser game inspired by Snake, fully animated
- DishCraft ā Full-stack recipe sharing platform with markdown and auth
š Run Locally
Clone the project:
git clone https://github.com/yourusername/your-portfolio.git
cd your-portfolio
npm install
npm run dev
š Folder Structure
src/ āāā assets/ # Static files & images āāā components/ # React components (Hero, Projects, BannerCTA, etc.) āāā styles/ # Tailwind + custom CSS layers āāā App.jsx # Main app wrapper āāā main.js # Entry point
š¤ Let's Connect
If you're interested in working together or have a project in mind, feel free to reach out. š¬ Contact Me | š¼ LinkedIn
š License
This project is licensed under the MIT License.
