Skip to content

A modern portfolio website built with React.js and Tailwind CSS, showcasing my skills, projects, and experiences as a Web Developer and Software Engineer. Features responsive design, dark/light mode, and EmailJS integration.

Notifications You must be signed in to change notification settings

karansundariya/karan-devfolio

Repository files navigation

Karan_Devfolio

📌 Overview

Karan_Devfolio is a personal portfolio website showcasing my skills, projects, and professional experiences as a Web Developer and Software Engineer. The portfolio is designed to be modern, responsive, and user-friendly, creating a smooth experience for visitors to explore my work.

🚀 Live Demo

Visit Karan_Devfolio

✨ Features

  • Responsive Design: Looks great on all devices from mobile to desktop
  • Modern UI/UX: Clean, minimalist design with smooth animations
  • Dark/Light Mode: Toggle between dark and light themes
  • Dynamic Content: Projects and experiences are easily updatable
  • Contact Form: Integrated with EmailJS for direct messaging
  • Resume Download: One-click resume download functionality
  • Project Showcase: Detailed project cards with links and technologies used
  • Skills Section: Visual representation of technical skills
  • Smooth Scrolling: Enhanced navigation experience

🔧 Technologies Used

  • React.js: Frontend library for building the user interface
  • Tailwind CSS: Utility-first CSS framework for styling
  • HTML5: Semantic markup language
  • JavaScript: Programming language for interactive elements
  • EmailJS: Service for sending emails directly from the client-side
  • React Router: For navigation within the application
  • Framer Motion (optional): For smooth animations and transitions
  • React Icons: For beautiful icon components

🛠️ Installation & Setup

  1. Clone the repository
git clone https://github.com/karansundariya/karan_devfolio.git
cd karan_devfolio
  1. Install dependencies
npm install
  1. Configure EmailJS
  • Create an account on EmailJS
  • Create a service and template
  • Create a .env file in the root directory with the following variables:
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key
  • Replace the placeholder values with your actual EmailJS credentials
  1. Add your resume and also your assets
  • Place your resume PDF in the public directory
  • Update the resume link in the relevant components
  • update all your assets
  1. Run the development server
npm run dev
  1. Build for production
npm run build

📄 Content Details

About Me

A passionate Web Developer and Software Engineer currently studying in the Final year of Computer Science and Engineering (2022-26), at Indian Institute of Information Technology (IIIT) Bhagalpur. Experienced in building efficient and user-centric web solutions with a strong foundation in Data Structures, Algorithms, and core CS fundamentals.

Skills

  • Programming Languages: C/C++, JavaScript
  • Web Development: HTML, CSS, JavaScript, React.js, Node.js, Express.js, Tailwind CSS
  • Database: MongoDB, SQL, Firebase
  • Computer Science: DSA, OOPS, DBMS, Operating Systems, Computer Networks
  • Tools & Technologies: Git, GitHub, System Design, SDLC, QT

Featured Projects

  1. CVNirman_AI: AI-powered resume and cover letter builder (React, TailwindCSS, Firebase, Gemini API)
  2. Saahitya - The Reading App: Modern book app with Google Books API (HTML, CSS, JavaScript)
  3. Karan DSA Profile: Personal webpage to showcase coding profiles (HTML, TailwindCSS, JavaScript)

Experiences & Achievements

  • Software Development Engineer Intern at Neoned71 Tech Solutions
  • Competitive coding achievements (LeetCode Knight - Top 5%, GFG 3★ Coder)
  • Hackathon and coding competition recognitions including Flipkart GRiD 6.0, HP Power Lab Challenge, Tata Imagination Challenge, and more
  • Leadership roles in E-Cell and EBSB Board at IIIT Bhagalpur

📱 Contact Information

🔄 Future Updates

  • Blog section for sharing technical articles
  • Integration with GitHub API to automatically fetch project details
  • Testimonials section
  • Detailed case studies for selected projects
  • Analytics integration for visitor tracking

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📜 License

This project is MIT licensed.

🙏 Acknowledgments

  • Thanks to all the open-source libraries and tools used in this project
  • Inspiration from fellow developers and designers
  • IIIT Bhagalpur for the educational foundation

Made with ❤️ by Karan Sundariya

About

A modern portfolio website built with React.js and Tailwind CSS, showcasing my skills, projects, and experiences as a Web Developer and Software Engineer. Features responsive design, dark/light mode, and EmailJS integration.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published