portfolio

Ujjwal Shukla's Personal Portfolio

Welcome! This is the source code for my personal portfolio website, designed to showcase my skills, projects, and journey as a computer science student. It was built from scratch with a focus on clean design, smooth animations, and a great user experience.

✨ View the Live Demo Here! ✨

🌟 Features

This portfolio is packed with modern features to create an engaging experience:

• 🎨 Dual-Theme: A sleek dark mode and a clean light mode, with the user's preference saved in their browser.
• 📱 Fully Responsive: The layout seamlessly adapts to all devices, from large desktop screens to mobile phones.
• 🎬 Smooth Animations: Sections and skill bars animate into view as you scroll, creating a dynamic feel.
• ✍️ Typing Effect: An auto-typing effect in the hero section introduces me and my background.
• 🌐 Functional Contact Form: A real, working contact form powered by Formspree that delivers messages directly to my inbox.
• 🖱️ Interactive Grid: A fun, interactive grid of pixels that light up on mouseover.
• 📜 Smooth Scrolling: Clean navigation between sections.

---

💻 Tech Stack

This project was built using fundamental web technologies, with no frameworks involved.

• HTML5: For the structure and content of the website.
• CSS3: For all the styling, layout, animations, and responsive design. It uses modern features like CSS Variables for easy theme management.
• JavaScript (ES6): For all the interactivity, including the theme switcher, scroll animations, and form handling.
• Font Awesome: For the icons used throughout the site.
• Formspree: For the backend handling of the contact form.

🛠️ Getting Started

Want to run this project on your own machine? It's simple!

1. Clone the repository:

   git clone https://github.com/techieujjwal/portfolio

2. Navigate to the project directory:

   cd portfolio

3. Open the website: Simply open the index.html file in your favorite web browser.

And that's it! No complex builds or dependencies needed.

📫 Let's Connect!

I'm always open to new opportunities, collaborations, or just a friendly chat. Feel free to reach out!

• LinkedIn: [linkedin.com/in/ujjwal-shukla88821]
• GitHub: @techieujjwal
• Email: ujjwalshukla291@gmail.com

Thank you for visiting my project!