{"id":23758358,"url":"https://github.com/odilson-dev/contact-management-app","last_synced_at":"2026-04-05T08:35:29.814Z","repository":{"id":267104346,"uuid":"861342998","full_name":"odilson-dev/contact-management-app","owner":"odilson-dev","description":"A contact management app that allow users to perfom CRUD operations on contacts built with Vue.js and Laravel","archived":false,"fork":false,"pushed_at":"2024-10-02T13:43:09.000Z","size":269,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T18:12:04.016Z","etag":null,"topics":["backpack-for-laravel","eloquent-orm","inertiajs","laravel","mysql","php","vuejs"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/odilson-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-22T16:36:20.000Z","updated_at":"2025-05-24T07:24:34.000Z","dependencies_parsed_at":"2024-12-08T12:08:59.482Z","dependency_job_id":"0ba5784f-2ce9-449d-84a7-b65f99503172","html_url":"https://github.com/odilson-dev/contact-management-app","commit_stats":null,"previous_names":["odilson-dev/contact-management-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/odilson-dev/contact-management-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Fcontact-management-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Fcontact-management-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Fcontact-management-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Fcontact-management-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/odilson-dev","download_url":"https://codeload.github.com/odilson-dev/contact-management-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Fcontact-management-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31430009,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T08:13:15.228Z","status":"ssl_error","status_checked_at":"2026-04-05T08:13:11.839Z","response_time":75,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backpack-for-laravel","eloquent-orm","inertiajs","laravel","mysql","php","vuejs"],"created_at":"2024-12-31T19:53:49.503Z","updated_at":"2026-04-05T08:35:29.788Z","avatar_url":"https://github.com/odilson-dev.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Contact Management Application\n\nThis is a web-based contact management application built using **Laravel** for the backend and **Vue.js** for the frontend. The application allows users to create, view, update, and delete (CRUD) contacts. It also includes an admin panel for managing users and contacts using **Backpack for Laravel**.\n\n![Screenshots](./images/Screenshot%202024-09-25%20at%2023-04-51%20Contacts%20-%20Laravel.png)\n\n## Features\n\n-   User authentication (registration, login, and logout)\n-   Manage contacts: Create, Read, Update, and Delete (CRUD) operations\n-   Contacts can have names, phone numbers\n-   Admin panel for user and contact management (powered by Backpack for Laravel)\n-   Role-based access control (admin vs regular user)\n-   Responsive frontend built with Vue.js\n\n## Installation\n\n### Prerequisites\n\nBefore you begin, ensure you have the following installed:\n\n-   [PHP](https://www.php.net/) \u003e= 8.0\n-   [Composer](https://getcomposer.org/)\n-   [Node.js](https://nodejs.org/en/) \u003e= 12\n-   [Git](https://git-scm.com/)\n-   [MySQL](https://www.mysql.com/) or any other supported database\n\n### Clone the Repository\n\nTo clone the project repository, run:\n\n```bash\ngit clone https://github.com/your-username/contact-management-app.git\ncd contact-management-app\n\n```\n\n### Install Dependencies\n\n-   Install PHP dependencies:\n\n```bash\n\ncomposer install\n```\n\n### Install JavaScript dependencies:\n\n```bash\n\nnpm install\n```\n\n### Run Migrations\n\n-   To set up the database tables, run the migrations:\n\n```bash\n\nphp artisan migrate\n```\n\n### Seed the Database (Optional)\n\n-   You can seed the database with some dummy data for testing:\n\n```bash\n\nphp artisan db:seed\n```\n\n### Serve the Application\n\n-   To start the development server, run:\n\n```bash\n\nphp artisan serve\n```\n\nThe application will be available at `http://localhost:8000`.\n\nTo start the frontend development server (for Vue.js), run:\n\n```bash\n\nnpm run dev\n```\n\n# Backpack Admin Panel\n\nTo access the admin panel, go to http://localhost:8000/admin after logging in as an admin user. The default admin credentials can be set in the database after seeding or by creating an admin user manually.\n![Screenshots](./images/Screenshot%202024-09-25%20at%2023-00-49%20Users%20Backpack%20Admin%20Panel.png)\n\n## Usage\n\n### Authentication\n\n-   Users can register, log in, and log out.\n-   Only authenticated users can manage their contacts.\n-   Admin users have access to the Backpack admin panel for managing users and contacts.\n\n### Contact Management\n\n-   Users can add new contacts using the form on the main page.\n-   Contacts can be edited and deleted.\n-   The list of contacts is dynamically updated using Vue.js.\n\n### Admin Panel (Backpack for Laravel)\n\n-   Admins can log in to the Backpack admin panel to view and manage users and contacts.\n-   Admin panel provides CRUD interfaces for managing the data.\n\n## Conclusion\n\nThis Contact Management Application demonstrates the seamless integration of Laravel as a backend framework with Vue.js on the frontend. It provides a user-friendly interface for managing contacts, and an efficient admin panel built using Backpack for Laravel. With role-based access control and a responsive design the application is robust and scalable. This project highlights best practices in full-stack web development, focusing on modern technologies and frameworks, and serves as a foundation for building more advanced CRM-like applications.\n\nFeel free to clone, modify, and contribute to this project to suit your specific needs!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodilson-dev%2Fcontact-management-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fodilson-dev%2Fcontact-management-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodilson-dev%2Fcontact-management-app/lists"}