Lead Generation and Payment Integration Platform for ENCODERSPRO

This is a Lead Generation Platform for ENCODERSPRO Pvt. Ltd., designed to handle course enrollments. It integrates a custom UI, Razorpay payment gateway, and dynamic lead capture forms to streamline the course enrollment process.

Key Features:

• Custom UI: Built from scratch with a modern and responsive design.
• Lead Generation Form: Collects essential user details like Name, Email, and Phone number.
• Payment Gateway Integration: Secure Razorpay payment gateway for processing payments.
• Smooth Animations: Powered by GSAP for a dynamic and engaging user experience.
• Notifications: Real-time notifications with Toastify for success/error messages.
• Responsive Design: Optimized for both mobile and desktop users.

Technologies Used:

• Frontend:
  • React.js: Component-based architecture.
  • TypeScript: Enhanced typing for better maintainability.
  • HTML5 & CSS3: Structured and responsive layout.
• Animations:
  • GSAP: Smooth animations for an engaging UI.
• Notifications:
  • Toastify: Success/error notifications for real-time feedback.
• Payment Integration:
  • Razorpay: Payment gateway for secure transactions.
• Design Tool:
  • Figma: Custom UI/UX design from scratch.
• Hosting:
  • Hosted on course.encoderspro.com (company subdomain).

Platform Highlights:

• Maximized Lead Conversions: Optimized for generating high-quality leads.
• Course Enrollment Integration: Direct Razorpay payment gateway integration for seamless transactions.
• Interactive UI: Engaging animations for better user interaction.
• Mobile & Desktop Friendly: Fully responsive design for all devices.

Setup Instructions:

Lead Generation Course Application

1. Clone the Repository

1. Install Dependencies

npm install

2. Run Locally

npm start

Visit the app at: http://localhost:3000

3. Build for Production

npm run build