https://github.com/anywaylupin/chopkyhoa

A dynamic and interactive pickleball coach portfolio featuring smooth horizontal scrolling, showcasing programs and client testimonials. Includes booking options for training sessions and professional form submissions sent directly to email for a seamless user experience.
https://github.com/anywaylupin/chopkyhoa

booking framermotion gsap horizontal-scrolling nextjs nodemailer oauth2 portfolio responsive tailwindcss

Last synced: about 10 hours ago
JSON representation

A dynamic and interactive pickleball coach portfolio featuring smooth horizontal scrolling, showcasing programs and client testimonials. Includes booking options for training sessions and professional form submissions sent directly to email for a seamless user experience.

• Host: GitHub
• URL: https://github.com/anywaylupin/chopkyhoa
• Owner: anywaylupin
• License: mit
• Created: 2024-09-14T05:15:27.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-27T13:56:43.000Z (23 days ago)
• Last Synced: 2024-10-27T20:52:28.034Z (22 days ago)
• Topics: booking, framermotion, gsap, horizontal-scrolling, nextjs, nodemailer, oauth2, portfolio, responsive, tailwindcss
• Language: TypeScript
• Homepage: https://chopkyhoa.vercel.app/
• Size: 22.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🎾 Chop Ky Hoa - Pickleball Coach Portfolio

Welcome to **Chop Ky Hoa**, an animated and interactive pickleball coach portfolio designed to showcase coaching skills, programs, and client success in a fun and dynamic way. Enjoy smooth horizontal scrolling and playful animations that make exploring this portfolio a breeze!

## 🚀 Features

- ⚡ **Horizontal Scrolling** – A unique scrolling experience powered by GSAP.

- 📱 **Fully Responsive** – Looks amazing on any device, big or small.

- 🎨 **Sleek Animations** – Eye-catching transitions that bring the site to life.

- 🧩 **Custom UI Components** – Modular design with easy-to-use elements.

- 🎯 **Iconic Design** – Sharp and simple icons to keep things professional yet modern.

- 🤖 **Telegram Bot Integration** – Seamlessly communicate with users using the Telegram Bot API.

- ✉️ **Email Notifications** – Automated email sending using Gmail and OAuth2.

- 🛠️ **Advanced Tooling** – Enhanced development workflow with TypeScript, ESLint, Prettier, and Husky.

## 🎨 GSAP Magic

Take a spin through the portfolio with smooth, horizontal scrolling brought to life with **GSAP**. It's all about keeping things fluid and fun as you navigate through coaching programs, testimonials, and more.

## ✉️ Email Notifications

Utilize the power of **Nodemailer** in combination with **Google's OAuth2** to send emails directly from your application. This feature is perfect for sending out notifications, confirmations, or any automated emails required by your portfolio.

## 🛠️ Built With

![Next.js](https://img.shields.io/badge/Next.js-000000?style=flat&logo=next.js&logoColor=white)

![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=flat&logo=tailwind-css&logoColor=white)

![GSAP](https://img.shields.io/badge/GSAP-88CE02?style=flat&logo=greensock&logoColor=white)

![Framer Motion](https://img.shields.io/badge/Framer_Motion-0055FF?style=flat&logo=framer&logoColor=white)

![Radix UI](https://img.shields.io/badge/Radix%20UI-252526?style=flat&logo=radix-ui&logoColor=white)

![Tabler Icons](https://img.shields.io/badge/Tabler_Icons-007ACC?style=flat&logo=tabler&logoColor=white)

## 🌐 Live Preview

Check out the live site here:  

👉 **[Chop Ky Hoa - Live on Vercel](https://thaivanthuc.vercel.app/)**

## 💬 Support

Got questions or ideas? Feel free to reach out via GitHub or submit a pull request! Your feedback is always welcome!