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
- Create an account at EmailJS
- Create an email service
- Create an email template
- 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
- Students fill out the feedback form
- Form validates input client-side
- On submission, an email is sent via EmailJS
- 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
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature
)
- Commit your changes (
git commit -m 'Add some AmazingFeature'
)
- Push to the branch (
git push origin feature/AmazingFeature
)
- Open a Pull Request
š License
Distributed under the MIT License. See LICENSE
for more information.
Your Name - your.email@example.com
Project Link: https://github.com/your-username/EmailJS_form
š Made with ā¤ļø for Academic Improvement