https://github.com/21mtm3012mahi/karan-devfolio
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.
https://github.com/21mtm3012mahi/karan-devfolio
contact-form css dark-mode emailjs html protfolio react react-router responsive-web-design tailwind
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/21mtm3012mahi/karan-devfolio
- Owner: 21MTM3012MAHI
- Created: 2025-05-21T21:07:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-26T20:24:01.000Z (12 months ago)
- Last Synced: 2025-06-26T21:52:41.135Z (12 months ago)
- Topics: contact-form, css, dark-mode, emailjs, html, protfolio, react, react-router, responsive-web-design, tailwind
- Language: JavaScript
- Size: 7.82 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Karan's Devfolio 🌐
Welcome to **Karan's Devfolio**! This repository hosts a modern portfolio website built with **https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip** and **Tailwind CSS**. Here, you will find a showcase of my skills, projects, and experiences as a Web Developer and Software Engineer.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contact](#contact)
- [Contributing](#contributing)
- [License](#license)
- [Releases](#releases)
## Features
- **Responsive Design**: The website adapts seamlessly to different screen sizes, ensuring a great experience on both mobile and desktop devices.
- **Dark/Light Mode**: Users can toggle between dark and light themes, making it visually appealing in various lighting conditions.
- **EmailJS Integration**: Users can send messages directly through the contact form without needing a backend.
## Technologies Used
This project utilizes a variety of technologies:
- **https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip**: A JavaScript library for building user interfaces.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **EmailJS**: A service for sending emails directly from the client-side.
- **React Router**: For managing navigation within the app.
### Topics Covered
- contact-form
- css
- dark-mode
- emailjs
- html
- personal-website
- portfolio
- react
- react-router
- responsive-web-design
- tailwind
## Installation
To get started with this project, follow these steps:
1. Clone the repository:
```bash
git clone https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip
```
2. Navigate into the project directory:
```bash
cd karan-devfolio
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
Your application will be running on `http://localhost:3000`.
## Usage
Once the application is running, you can navigate through different sections of the portfolio. The homepage displays an overview of my skills and experiences. The projects section showcases various works, complete with descriptions and links. The contact form allows users to reach out directly.
### Dark/Light Mode
You can switch between dark and light modes using the toggle switch located in the header. This feature enhances user experience by providing options based on user preference.
### EmailJS Integration
The contact form uses EmailJS for sending messages. Fill in your name, email, and message, and hit send. You will receive a confirmation message upon successful submission.
## Contact
Feel free to reach out if you have any questions or feedback:
- **Email**: https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip
- **LinkedIn**: [Karan's LinkedIn](https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip)
## Contributing
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or fix.
3. Make your changes and commit them.
4. Push to your branch.
5. Open a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Releases
You can check out the latest releases [here](https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip). Please download the files and execute them as needed.
For more information, visit the **Releases** section in the repository.
 
## Acknowledgments
I would like to thank the following resources for their support:
- [React Documentation](https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip)
- [Tailwind CSS Documentation](https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip)
- [EmailJS Documentation](https://raw.githubusercontent.com/21MTM3012MAHI/karan-devfolio/main/public/devfolio_karan_3.6-beta.1.zip)
Thank you for visiting my portfolio! I hope you find it informative and engaging.