This is a simple contact manager application built with Laravel and Vue.js. It allows you to store and manage contact details.
- Store contact details including first name, last name, email, and telephone number.
- List contacts with pagination and AJAX loading.
- Search contacts by name.
- Form validation for creating new contacts.
- Integration of Laravel backend and Vue.js frontend.
- Laravel 9 (PHP Framework)
- Vue.js 3 (JavaScript Framework)
- MySQL (Database System)
- HTML/CSS (Frontend Markup and Styling)
- Clone the repository:
git clone <repository_url> - Navigate to the project directory:
cd contact-manager-app - Install the dependencies:
composer install - Create a copy of the .env file:
cp .env.example .env - Generate an application key:
php artisan key:generate - Set up your database in the .env file:
DB_DATABASE=your_database_name - Run the database migrations:
php artisan migrate - Run the Laravel mix compilation:
npx mix - Start the development server:
php artisan serve - Visit
http://localhost:8000in your web browser.
- Generate random 500 contacts using http://localhost:8000/generate.
- Use the search box to find contacts by name, email or phone.
- Contacts are displayed with pagination for better user experience.
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License.