My Portfolio

This is my personal portfolio website designed to showcase my skills, projects, and achievements in a professional and visually appealing manner.

🚀 Features

• Fully Responsive Design: Adapts seamlessly to desktops, tablets, and mobile devices.
• Smooth Animations & Transitions: Enhances the browsing experience with engaging effects.
• Projects Showcase: Displays my best work with live links, descriptions, and images.
• Contact Form Integration: Submissions are stored in Google Sheets using Google Apps Script.
• Optimized Performance & SEO-friendly Structure: Ensures fast loading times and better search engine ranking.
• Modular Code Structure: Organized files for easy navigation and maintenance.

🛠️ Technologies Used

• Frontend: HTML, CSS, JavaScript for the core structure, styling, and interactivity.
• Backend: Google Apps Script (for handling form submissions and data storage).
• Database: Google Sheets (to store and manage contact form entries).

📂 Project Structure

My_Portfolio/
│-- index.html        # Main HTML file containing the homepage structure
│-- style.css         # Stylesheet to design and format the website
│-- script.js         # JavaScript file for handling user interactions
│
├── imgs/             # Contains images, icons, and other media files
│   ├── /             # Stores all images such as profile and project images, website icons and logos
│
├── cursor/           # Individual sections of the website
│   ├── cursor.css    # Contains the css file of cursor
│   ├── cursor.js     # Javascript file for cursor
├── README.md         # Documentation for the portfolio

📌 Getting Started

1. Clone this repository:

   git clone https://github.com/Gani077/My_Portfolio.git

2. Navigate to the project folder:

   cd My_Portfolio

3. Open index.html in a browser to preview the website.
4. Modify the contact.js file with your own Google Apps Script URL to enable the contact form functionality.

📬 Setting Up Contact Form with Google Sheets

1. Open Google Apps Script.
2. Create a new project and paste the script for handling form data.
3. Deploy it as a Web App and set access to "Anyone".
4. Copy the deployment URL and replace it in contact.js.
5. Test the form submission and verify if the data is stored correctly in Google Sheets.

🌍 Live Demo

Check out the live version here: Portfolio Live Link

📜 License

This project is open-source and available under the MIT License.

📧 Contact

For any inquiries, feel free to reach out via the contact form on the website or email me directly.

==============================================================================================================================================================================