Smart-Enroll

Smart-Enroll is a Laravel-based web application designed as a clean and user-friendly signup form. It features advanced validation mechanisms and a polished UI/UX design to ensure a smooth user registration experience.

Contributors

• Duaa Abd-Elati – Project Lead, Database Designer, Server-Side Validation, UI designer
• Nada Badawy – WhatsApp Number Verification, Multilingual Support
• Roqaia Hassan – User Signup Form, Client-Side Validation
• Fatemah – Header and Footer
• Nouran Ashraf – >Welcome Page, Testing
• Maya Mohammed

Features

• User Signup Form: Allows new users to register with essential details.
• WhatsApp Number Verification: Uses an API to verify if the entered WhatsApp number is valid and active.
• Server-Side Validation: Ensures data integrity and security by validating inputs on the server.
• Client-Side Validation: Provides instant feedback to users on input errors before form submission.
• User Existence Check: Checks if the user already exists in the database to prevent duplicate registrations.
• Multilingual Support: Supports multiple languages for wider accessibility.
• Welcome Page: Redirects users to a friendly welcome page upon successful login.
• Responsive and Modern UI: Designed with great attention to UI/UX for a seamless experience across devices.
• Header and Footer: Consistent layout with reusable header and footer components.

Technologies Used

• Laravel Framework (PHP)
• Bootstrap for UI styling and responsiveness
• JavaScript/jQuery for client-side validation
• API integration for WhatsApp number validation
• MySQL for user data storage

Installation

Clone the repository:

git clone https://github.com/your-username/Smart-Enroll.git

Navigate to the project directory:

cd Smart-Enroll

Install dependencies using Composer:

composer install

Set up your .env file by copying from .env.example and configuring your database and API keys:

cp .env.example .env

Generate application key:

php artisan key:generate

Run database migrations:

php artisan migrate

Serve the application:

php artisan serve

Usage

• Open your browser and navigate to http://localhost:8000.
• Use the signup form to register a new account.
• The form validates inputs both on UI and server sides.
• WhatsApp number is verified using the integrated API.
• If the user already exists, the system notifies you accordingly.
• Upon successful registration and login, you are redirected to a welcome page.

Folder Structure Overview

• app/ - Contains core application logic, including controllers like RegisterController.
• bootstrap/ - Contains the bootstrap files.
• config/ - Configuration files for the application.
• database/ - Database migrations and seeders.
• lang/ - Language files for multilingual support.
• public/ - Public assets such as CSS, JavaScript, and images.
• resources/views/ - Blade templates for the frontend views (header, footer, signup form, welcome page).
• routes/ - Application routes.

Validation Details

• Server-side validation includes checks for all form fields, ensuring data consistency and security.
• Client-side validation uses JavaScript for instant feedback.
• Unique email/phone checks prevent duplicate user registrations.
• WhatsApp number validity is confirmed via external API calls.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.

License

This project is open-source and available under the MIT License.