📘 Course Enrollment Form

A lightweight, professional web application for enrolling students into IT courses and managing submissions via an admin dashboard. The project demonstrates modern HTML, CSS, and JavaScript best practices with backend integration.

---

🚀 Features

• 🎓 Student Enrollment Form

  • Collects student details including name, email, and course.
  • Provides clean UI with responsive design.
  • Confirmation message + celebratory sparkle animation on successful submission.

• 🛠 Admin Dashboard

  • View and manage submitted enrollment records.
  • Organized interface for handling course registrations.

• 📱 WhatsApp Integration

  • Send enrollment details directly to WhatsApp for quick notifications.

• 🎉 Interactive Elements

  • Emoji mood slider.
  • Animated progress bar.

---

🛠 Tech Stack

• Frontend: HTML5, CSS3, JavaScript (Vanilla)
• Backend: Node.js with Express
• Integration: WhatsApp Web API
• Version Control: Git & GitHub

---

📂 Project Structure

CourseEnrollmentForm/
│── enroll.html         # Student enrollment form  
│── admin.html          # Admin dashboard  
│── server.js           # Express backend  
│── app.js
|__.env         
│── /Screenshots        # Project screenshots  
│── README.md           # Documentation  

---

⚡ Setup Instructions

1. Clone the repository:

   git clone https://github.com/JavariaAzam/CourseEnrollmentForm.git
   cd CourseEnrollmentForm

2. Install dependencies:

   npm install

3. Run the server:

   node server.js

4. Open in browser:

   • http://localhost:5000/enroll.html → Student Enrollment Form
   • http://localhost:5000/admin.html → Admin Dashboard

---

📸 Screenshots

📝 Enrollment Form

📊 Admin Dashboard

---

📖 Documentation

• Students can submit their details through the form.
• Data is handled by the backend (server.js) and shown on the admin dashboard.
• Successful submission shows a success message + sparkle animation.
• Admin can view all submissions in real time.
• Screenshots provided above for reference.