https://github.com/tusharkumar888/my-dev-portfolio
This is the digital showcase of my work as a developer, where I demonstrate my skills in coding, design, and problem-solving. Here, you'll find a collection of my projects—ranging from web development to machine learning and everything in between. Each project reflects my passion for creating clean, efficient, and innovative solutions.
https://github.com/tusharkumar888/my-dev-portfolio
backend framer-motion frontend node-js portfolio react react-router-dom tailwindcss
Last synced: 3 months ago
JSON representation
This is the digital showcase of my work as a developer, where I demonstrate my skills in coding, design, and problem-solving. Here, you'll find a collection of my projects—ranging from web development to machine learning and everything in between. Each project reflects my passion for creating clean, efficient, and innovative solutions.
- Host: GitHub
- URL: https://github.com/tusharkumar888/my-dev-portfolio
- Owner: Tusharkumar888
- Created: 2024-12-19T07:26:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-28T10:18:56.000Z (over 1 year ago)
- Last Synced: 2025-04-07T12:43:13.495Z (about 1 year ago)
- Topics: backend, framer-motion, frontend, node-js, portfolio, react, react-router-dom, tailwindcss
- Language: JavaScript
- Homepage: https://my-dev-portfolio-tan.vercel.app
- Size: 1.36 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio Frontend Website
Welcome to my personal portfolio website! My name is **Tushar**, and this is a React-based project showcasing my skills, experience, and projects. The website includes various animations, interactive elements, and a contact form. It is designed to be responsive and visually appealing, with smooth scroll effects and dynamic content powered by React and several other technologies.
## Technologies & Libraries Used
This project leverages the following technologies and libraries:
- **React**: A JavaScript library for building user interfaces.
- **React Router**: A library for routing in React applications.
- **React Icons**: A collection of icons for use in React apps.
- **Framer Motion**: A library for animations and interactions in React.
- **Locomotive Scroll**: A smooth scrolling library to create fluid scrolling experiences.
- **Lottie React**: A library for rendering Lottie animations in React.
- **React-Leaflet**: A React wrapper for the Leaflet library to create interactive maps.
- **EmailJS**: A service for sending emails directly from JavaScript (used for the contact form).
- **React-Tsparticles**: A library for particle animations in React.
- **TSParticles-Slim**: A slim version of the TSParticles library for lighter particle effects.
- **Tailwind CSS**: A utility-first CSS framework used for styling the project.
## Features
- **Smooth Scroll**: Using Locomotive Scroll for a modern scrolling experience.
- **Animations**: Engaging animations powered by Framer Motion and Lottie.
- **Interactive Map**: Integrated Leaflet map to showcase locations.
- **Contact Form**: A form powered by EmailJS to send messages directly from the website.
- **Particles Effects**: Dynamic particle animations that create a visually stunning experience.
- **Responsive Design**: Built with Tailwind CSS to ensure the website looks great on all devices.
## Acknowledgements
- [React](https://reactjs.org/)
- [Framer Motion](https://www.framer.com/motion/)
- [Locomotive Scroll](https://github.com/locomotivemtl/locomotive-scroll)
- [Lottie](https://lottiefiles.com/)
- [Leaflet](https://leafletjs.com/)
- [EmailJS](https://www.emailjs.com/)
- [TSParticles](https://particles.js.org/)
- [Tailwind CSS](https://tailwindcss.com/)
## Contact
Feel free to reach out to me via the contact form or via [email](mailto:tusharkumar888219@gmail.com).