🎓 Academy Portfolio Website

A modern, responsive portfolio website built with React — featuring Hero section, About, Course catalog, Testimonials, and key Features. Perfect to showcase student work, achievements, and course offerings.

---

Live Demo

https://academy-portfolio-website.vercel.app

---

✨ Features

• 🚀 Hero Section – Eye-catching intro with CTA button
• 📖 About – Academy mission and vision
• 📚 Courses – Display available courses with details
• 💬 Testimonials – Student feedback carousel/grid
• ⭐ Features – Key highlights and benefits
• 📱 Fully Responsive – Works on all devices
• 🎨 Component-Based Architecture – Reusable React components
• ⚡ Fast & Optimized – Built with Vite

---

Screenshots

---

🛠️ Tech Stack

• React 18 – UI Library
• Tailwind CSS – Styling
• Vite – Build tool
• React Router DOM – Navigation
• Framer Motion – Animations (optional)
• React Icons – Icon library

---

📂 Folder Structure

Academy-Portfolio-Website/
│
├── src/
│   ├── components/
│   │   ├── Hero.jsx
│   │   ├── About.jsx
│   │   ├── Courses.jsx
│   │   ├── Testimonials.jsx
│   │   ├── Features.jsx
│   │   ├── Contact.jsx
│   │   └── Navbar.jsx
│   ├── pages/
│   │   └── Home.jsx
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
├── public/
│   └── assets/
├── index.html
├── package.json
├── vite.config.js
└── README.md

---

🚀 Getting Started

1. Clone the repo

   git clone https://github.com/helloharendra/Academy-Portfolio-Website.git

2. Navigate to project directory

   cd Academy-Portfolio-Website

3. Install dependencies

   npm install

4. Run development server

   npm run dev

5. Build for production

   npm run build

---

📞 Contact Section Reference

Note: The contact section design used in this repo is also implemented in other academy-related portfolios. Below are references where the same or similar contact layout/styling has been used:

• 🔗 Academy Learning Hub – Same contact form structure
• 🔗 Student Portfolio Template – Similar responsive contact grid
• 🔗 EduPlatform Frontend – Matching contact card design

You can refer to these repos for alternate styling ideas or consistency across academy projects.

---

🤝 Contributing

Contributions, issues, and feature requests are welcome!

1. Fork the project
2. Create your branch (git checkout -b feature/amazing)
3. Commit changes (git commit -m 'Add amazing feature')
4. Push (git push origin feature/amazing)
5. Open a Pull Request

---

⭐ Show Your Support

If this project helped you, please give it a ⭐ star and 🔁 fork!

---

📄 License

MIT © Harendra

---

📬 Contact

Harendra – @helloharendra – harendra@example.com

Project Link: https://github.com/helloharendra/Academy-Portfolio-Website

---

💡 Contributing

Contributions are always welcome!

1. Fork the repository.
2. Create a new branch (git checkout -b feature-name).
3. Commit your changes (git commit -m "Added some feature").
4. Push to the branch (git push origin feature-name).
5. Create a pull request.

---

📜 License

This project is licensed under the MIT License.

---

💼 Hire Me & Support My Work

🤝 Available for Projects

I'm open to Flutter development, API integrations, and consulting work.

📱 Phone/WhatsApp: +91 7991327022
📧 Email: harendraprajapati72@gmail.com
🌐 Website: nayaproyog.com
💻 Portfolio: github.helloharendra.io

☕ Buy Me a Coffee

If you appreciate my work, consider supporting me: