🌟 User Form Submission App 🌟

Welcome to the User Form Submission App! This application allows users to submit their information through a simple and elegant form. The submitted data is displayed in a user-friendly table format, making it easy to view all entries at a glance.

🚀 Features

• User Registration: Submit user details including name, email, phone, description, role, and profile image.
• View Users: All submitted user information is displayed in a responsive and sortable table.
• Pagination: Easily navigate through users with pagination, displaying 10 users per page.
• Error Handling: Real-time validation feedback for form inputs ensures accurate submissions.
• Responsive Design: Built with Bootstrap to ensure a seamless experience on all devices.

🛠️ Technologies Used

• Backend: Laravel
• Frontend: HTML, CSS (Bootstrap), JavaScript (jQuery)
• Database: MySQL

📦 Setup Instructions

Follow these steps to set up the application locally:

Prerequisites

• PHP >= 7.4
• Composer
• Laravel
• MySQL

Steps

1. Clone the repository:

   git clone https://github.com/Ankit-khoiwal/Laravel-Crud.git
   cd user-form-submission-app

2. Install dependencies:

   composer install

3. Create a .env file:

   cp .env.example .env

4. Set up your database configuration in the .env file:

   DB_CONNECTION=mysql
   DB_HOST=127.0.0.1
   DB_PORT=3306
   DB_DATABASE=your_database_name
   DB_USERNAME=your_database_user
   DB_PASSWORD=your_database_password
   

5. Run migrations and seed the database:

   php artisan migrate --seed

6. Start the server:

   php artisan serve

   Open your browser and navigate to http://127.0.0.1:8000 to view the application.

📊 Database Structure

• Users Table: Contains fields for storing user information.
• Roles Table: Stores user roles for dropdown selection in the form.

Migrations & Seeders

• Migrations: Define the structure of your database tables.
• Seeders: Pre-fill the database with initial roles for testing purposes.

🎨 UI Design

The application is designed with a focus on user experience, utilizing Bootstrap for a clean and modern look. The form is straightforward, and error messages are displayed intuitively, enhancing usability.

🎯 End-to-End Guide

1. Open the application in your browser.
2. Fill out the form with the required user details.
3. Click on Submit. You will see a loading spinner while your data is being processed.
4. View Submitted Users in the table below the form. Navigate through pages if there are more than 10 entries.
5. Real-time validation ensures that you enter valid data, with error messages displayed next to any problematic fields.

📈 Conclusion

This User Form Submission App provides a simple and effective solution for submitting and viewing user information. It's designed for both developers and end-users to enjoy a seamless experience.

For more projects and information, visit my portfolio: Ankit Khatik Portfolio 🌐