Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ajaypatil1993/portfolio-website

This personal portfolio website serves as a comprehensive showcase of my skills, professional journey, and notable projects as a front-end developer. With customizable color themes, dark/light mode toggling, and seamless navigation, the portfolio highlights my expertise in building user-friendly and responsive web applications.
https://github.com/ajaypatil1993/portfolio-website

css3 html5 javascript light-dark-mode portfolio-website responsive

Last synced: 2 days ago
JSON representation

This personal portfolio website serves as a comprehensive showcase of my skills, professional journey, and notable projects as a front-end developer. With customizable color themes, dark/light mode toggling, and seamless navigation, the portfolio highlights my expertise in building user-friendly and responsive web applications.

Awesome Lists containing this project

README

        

# Developer Portfolio Website 🌐✨

Welcome to my personal portfolio! This site showcases my skills, projects, and professional experience. It features a color theme switcher with five different color options, a dark/light mode toggle, and a responsive design. You can also get in touch with me through a contact form powered by Formspree.

## Table of Contents

- [Features](#features)
- [Screenshots](#screenshots)
- [Live Preview](#live-preview)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [License](#license)
- [Contact](#contact)

## Features

- **Color Theme Switcher**: Choose between five different color themes to personalize the look of the site.
- **Dark/Light Mode**: Easily toggle between dark and light modes.
- **Responsive Design**: Ensures compatibility with devices of all sizes.
- **Contact Form**: Integrated with Formspree for easy messaging.

## Screenshots

![Screenshot 2024-10-12 111914](https://github.com/user-attachments/assets/9d0729f0-d114-48bf-bf7d-7d24862381d7)
*Screenshot of the portfolio website in light mode.*

![Screenshot 2024-10-12 112105](https://github.com/user-attachments/assets/68570e7f-886f-4245-ad62-580ff7d3e2b9)
*Screenshot of the portfolio website in dark mode.*

## Live Preview

You can check out the live version of my portfolio here: [Live Preview](https://ajaypatil.netlify.app/)

## Technologies Used

- **HTML**: Structure of the website.
- **CSS**: Styling using Flexbox, Grid, and animations.
- **JavaScript**: Interactive features like color theme switcher and form handling.
- **Formspree**: For contact form submissions.
- **Responsive Design**: To ensure the website is fully functional on any device.

## Installation

To view or modify the project locally:

1. Clone the repository:


bash
git clone https://github.com/your-username/portfolio-website.git

2. Navigate to the project folder:


bash
cd portfolio-website

3. Open index.html in your browser to view the site.

## Usage

Simply open the index.html file in your browser to explore the portfolio. You can also switch between color themes or toggle dark/light mode for a personalized experience.

## License

This project is open-source and available under the MIT License. See the [LICENSE](LICENSE) file for more information.

## Contact

Feel free to reach out via email if you have any questions or collaboration ideas:

- **Email**: [email protected]

---

Thanks for visiting my portfolio!