mars-website

byViraks

Create a full stack coaching institute website named "AP² Coaching Institute". TECH STACK: Frontend: HTML, CSS, JavaScript (modern responsive design) Backend: Node.js + Express.js Database: MongoDB Email Service: Nodemailer ------------------------------------- 🎯 FRONTEND FEATURES ------------------------------------- 1. HOME PAGE: - Attractive hero section with: Title: "AP² Coaching Institute" Subtitle: "Limited Seats Available - Join Now" Button: "Book Free Demo" - Show main faculties: - Anil Sir (Chemistry) - +91 70061 72778 - Sections: - About Us - Why Choose Us - Courses Offered (BSc, CUET, Boards, etc.) - Free Demo Classes Highlight - Add modern UI with black + gradient theme 2. ADMISSION FORM (MAIN FEATURE): - Fields: - Full Name - Phone Number - Email - Course Selection - Message (optional) - Submit button 3. NOTES SECTION: - Students can download notes (PDF links) - Organized by subject (Chemistry, Maths) 4. CONTACT SECTION: - Display phone + email - Google Map (optional) 5. RESPONSIVE DESIGN: - Mobile-friendly - Clean animations ------------------------------------- ⚙️ BACKEND FEATURES (IMPORTANT) ------------------------------------- 1. SERVER SETUP: - Use Express.js - Create REST API 2. DATABASE (MongoDB): - Create a collection "students" - Store: name, phone, email, course, message, date 3. FORM HANDLING: - When user submits form: ✔ Save data in MongoDB ✔ Send email notification to admin 4. EMAIL SYSTEM: - Use Nodemailer - Send email: Subject: "New Admission Enquiry" Include student details 5. API ROUTES: - POST /admission → save form data - GET /students → view all data (admin purpose) 6. SECURITY: - Basic validation - Prevent empty fields ------------------------------------- 🧠 EXTRA FEATURES ------------------------------------- - Show "Only Limited Seats Available" - Add popup after form submission: "We will contact you soon" - Add loading animation - Admin can view student data (simple page) ------------------------------------- 📁 PROJECT STRUCTURE ------------------------------------- /project /frontend index.html style.css script.js /backend server.js /models /routes ------------------------------------- 🎯 GOAL: Create a professional coaching website where: - Students can register - Data is saved in database - Owner gets notification - Looks modern and attractive ------------------------------------- Also include comments in code for understanding.