Modern Portfolio

A modern, animated portfolio website built with React, featuring smooth scrolling animations and a sleek design powered by GSAP and Tailwind CSS.

✨ Features

• Responsive Design: Fully responsive layout that looks great on all devices
• Smooth Animations: Engaging scroll-triggered animations using GSAP
• Modern UI: Clean and modern user interface styled with Tailwind CSS
• Smooth Scrolling: Enhanced scrolling experience with Lenis
• Contact Form: Integrated contact form functionality using Getform.io
• Live Code Editor: Interactive JavaScript code editor with real-time execution and syntax highlighting

🚀 Tech Stack

• React - A JavaScript library for building user interfaces
• Vite - Next Generation Frontend Tooling
• Tailwind CSS - A utility-first CSS framework
• GSAP - Professional-grade animation library
• Lenis - Smooth scroll library
• Getform.io - Form backend platform
• Prism React Renderer - Syntax highlighting for the code editor

🛠️ Installation Steps

1. Clone the repository

git clone https://github.com/milindkusahu/Modern-Portfolio.git

2. Change the working directory

cd Modern-Portfolio

3. Install dependencies

npm install

4. Create a .env file in the root and add your Getform endpoint URL

VITE_GETFORM_ENDPOINT_URL=your_getform_endpoint_url

5. Run the app

npm run dev

🌟 You are all set! Open localhost:5173 to see the app.

🔧 Configuration

Environment Variables

To run this project, you will need to add the following environment variables to your .env file:

• VITE_GETFORM_ENDPOINT_URL - Your Getform.io endpoint URL for form submissions

📚 Usage

Customizing Content

1. Navigate to the src/components directory
2. Modify the component files to update content
3. Update images in the public directory

Styling

• Tailwind classes can be modified in the component files
• Global styles are located in src/index.css
• GSAP animations can be customized in respective component files

💡 Contributing

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create a new branch (git checkout -b feature/improvement)
3. Commit your changes (git commit -am 'Add new feature')
4. Push to the branch (git push origin feature/improvement)
5. Create a Pull Request

📝 License

This project is free to use and does not contains any license.

👨‍💻 Connect with Me

• GitHub: @milindkusahu

---

⭐️ If you like this project, give it a ⭐ and share it with friends!