dzovani.codes

My personal portfolio website showcasing my work and skills, built with React and SCSS, featuring smooth animations and a clean design aesthetic.

🚀 Features

• Responsive Design: Fully responsive layout that works on all devices
• Modern UI/UX: Clean and professional interface with smooth animations
• Dynamic Content: Interactive elements including:
  • Typewriter effect for name display
  • Smooth scroll navigation
  • Animated navigation menu
  • Project showcase
• Performance Optimized: Lazy loading and code splitting for optimal load times

🛠️ Built With

• React 18
• SCSS/Sass for styling
• Framer Motion for animations
• CRACO for custom configuration
• Modern build tooling and optimizations

🔧 Recent Updates

Security & Dependencies

• Updated vulnerable dependencies:
  • nth-check to v2.1.1
  • postcss to v8.4.35
  • css-select to v5.1.0
  • svgo to v3.0.2
• Implemented dependency resolutions to prevent security vulnerabilities
• Added CRACO configuration for better build control
• Updated webpack configuration for better performance

Development Experience

• Added modern SCSS architecture with:
  • Global variables
  • Mixins for responsive design
  • Modular component styling
• Improved error boundary implementation
• Enhanced loading states and fallbacks

🚧 Future Plans

Short Term

• Implement blog section
• Add Contact form
• Enhance accessibility features
• Add more interactive animations

Long Term

• Migrate to Next.js
• Implement internationalization

🏃‍♂️ Getting Started

1. Clone the repository

git clone [repository-url]

2. Install dependencies

npm install

3. Start the development server

npm start

4. Build for production

npm run build

📝 Environment Setup

Make sure you have:

• Node.js v18 or higher
• npm v8 or higher