Skip to content

Yogadeepan29/RYD-Portfolio

Repository files navigation

💼 RYD-Portfolio - Personal Developer Portfolio

RYD-Portfolio is a sleek, responsive, and animated personal portfolio website designed and developed by Yogadeepan R.. This site showcases my skills, projects, certifications, education, and offers an easy way to connect with me. Built with modern React libraries and beautiful UI enhancements, it reflects my style and capabilities as a MERN Stack Developer.


🔍 Features

🎨 Frontend Features

  • 🧑‍💼 Hero Section: Engaging introduction with typewriter and Lottie animations.
  • 👨‍🎓 About & Education: Personal journey and academic background.
  • 🛠️ Skills Display: Visual representation of technical skillset.
  • 📂 Project Gallery: Mini projects and capstone demos with GIF previews.
  • 📜 Certificates: Grid view of completed course certifications.
  • 📬 Contact Form: Send direct messages using EmailJS.
  • 🌗 Theme Toggle: Light/Dark mode with smooth transitions.
  • 🎨 Custom Background: Radial gradient backdrop with dark mode support.
  • 📱 Responsive Design: Optimized for all screen sizes.

🌐 Technologies Used

💻 Frontend

  • ⚛️ React.js (v19)
  • 💨 Tailwind CSS (v4)
  • 🎞️ Framer Motion (Animations)
  • 📜 React Icons
  • ✉️ EmailJS
  • 🎯 React Toastify
  • 🔁 Lottie React (Animations)
  • 💬 React Simple Typewriter
  • 🌀 Swiper.js
  • 🌓 Dark Mode Support
  • 📱 Responsive Layouts

🖥️ Pages Overview

  • 🏠 Hero - Introduction, Lottie animation, and contact button
  • 🙋 About - Personal info and goals
  • 🎓 Education - Academic timeline with vertical timeline component
  • 🧠 Skills - Tech stack logos & tags
  • 💼 Projects - Capstone and mini project GIFs with descriptions
  • 📜 Certificates - Visual grid of all earned certifications
  • 📩 Contact - Email form with validation and real-time feedback
  • 🔗 Footer - Social links and copyright

🏷️ Deployment


✨ Highlights

  • 🎯 Built with React 19 and Tailwind CSS 4
  • ⚡ Lightning-fast with Vite
  • 🌓 Fully responsive with light/dark mode
  • 🧩 Modular component architecture
  • 🛠️ Framer Motion and Lottie for smooth animations
  • 📬 Functional contact form using EmailJS
  • 📜 Certificate showcase and dynamic project previews
  • 🎨 Custom radial background gradient with transition effects

👤 Author

Yogadeepan R


About

RYD - Portfolio (RYD-Projects) Developer webpage

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages