EmailJs__form Tailwind Templates

Emailjs__form

A responsive academic feedback web application built with HTML, Tailwind CSS, and EmailJS. Collect structured student insights to help educational institutions improve their services.

Academic Feedback Form šŸŽ“

Overview

Akademix is a web-based academic feedback platform designed to help educational institutions gather structured insights from students. The application provides a user-friendly interface for submitting detailed feedback across various academic domains.

🌟 Features

  • Responsive and modern design
  • Multiple feedback categories
  • Client-side form validation
  • Direct email submission using EmailJS
  • Gradient-styled user interface
  • Mobile-friendly layout

šŸ›  Technologies Used

  • HTML5
  • Tailwind CSS
  • JavaScript
  • EmailJS

šŸ“¦ Prerequisites

  • Web browser (Chrome, Firefox, Safari, Edge)
  • Active internet connection
  • EmailJS account (for email submission)

šŸš€ Setup and Installation

1. Clone the Repository

git clone https://github.com/your-username/EmailJS_form.git
cd EmailJS_form

2. EmailJS Configuration

  1. Create an account at EmailJS
  2. Create an email service
  3. Create an email template
  4. Replace the following in the script:
    • publicKey: Your EmailJS public key
    • service_4nvyxnd: Your EmailJS service ID
    • template_2zw1yra: Your EmailJS template ID

3. Run the Application

Simply open the index.html file in your web browser.

šŸ”§ Customization

  • Modify Tailwind color scheme in the <script> tag
  • Adjust form fields and validation as needed
  • Customize EmailJS template for different notification styles

šŸ“ How It Works

  1. Students fill out the feedback form
  2. Form validates input client-side
  3. On submission, an email is sent via EmailJS
  4. Success message displayed upon successful submission

šŸ”’ Security Notes

  • Implement additional server-side validation in a production environment
  • Use environment variables for sensitive EmailJS credentials
  • Consider adding CAPTCHA for spam prevention

šŸ¤ Contributing

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

šŸ“„ License

Distributed under the MIT License. See LICENSE for more information.

šŸ“ž Contact

Your Name - your.email@example.com

Project Link: https://github.com/your-username/EmailJS_form


🌈 Made with ā¤ļø for Academic Improvement

Top categories

Loading Svelte Themes