Welcome to my GitHub profile! I'm a passionate developer with experience in MERN Stack, Tailwind CSS, and C++. I love building full-stack web applications and writing efficient, scalable code. Let's build something amazing together! 🚀
- React.js - Building interactive UIs with React.
- Tailwind CSS - Creating beautiful, responsive designs with utility-first CSS.
- HTML5, CSS3, JavaScript (ES6+) - Crafting the foundation of modern web applications.
- Node.js - Powering backends with JavaScript runtime.
- Express.js - Building RESTful APIs for scalable applications.
- MongoDB - NoSQL database for handling flexible data storage.
- C++ - Solving problems and building efficient algorithms.
- JavaScript - Full-stack JavaScript development.
- SQL - Handling relational databases.
- Description of the project here. You can include features such as:
- Full-stack application with MERN.
- Authentication with JWT.
- Dynamic, responsive UI with React & Tailwind CSS.
- Description of the project here:
- A C++ algorithm library for various data structures and problem-solving.
- Focus on performance and efficiency.
- Description of the project here:
- A complete dashboard built with React and Express.
- Integrated with MongoDB to display real-time data.
I enjoy using Tailwind CSS and React to bring projects to life. Here's a fun little animation I built using React Spring:
import { useState } from 'react';
import { useSpring, animated } from 'react-spring';
function AnimatedCard() {
const [isHovered, setIsHovered] = useState(false);
const styles = useSpring({
transform: isHovered ? 'scale(1.1)' : 'scale(1)',
boxShadow: isHovered ? '0 4px 8px rgba(0, 0, 0, 0.1)' : 'none',
});
return (
<animated.div
style={styles}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
className="p-6 max-w-sm mx-auto bg-white rounded-lg shadow-lg"
>
<h2 className="text-2xl font-bold">React & Tailwind Animation</h2>
<p className="mt-4">Hover over this card to see the animation!</p>
</animated.div>
);
}
export default AnimatedCard;