{"id":23055484,"url":"https://github.com/arslanramay/laravel-livewire-multistep-forms","last_synced_at":"2026-04-14T23:32:25.792Z","repository":{"id":264922802,"uuid":"893951388","full_name":"arslanramay/laravel-livewire-multistep-forms","owner":"arslanramay","description":"Laravel Livewire Multi-Step User Onboarding Form","archived":false,"fork":false,"pushed_at":"2024-12-09T09:22:52.000Z","size":142,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-07-01T04:08:01.951Z","etag":null,"topics":["laravel","livewire3","mysql","php"],"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/arslanramay.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-11-25T13:48:37.000Z","updated_at":"2024-12-09T09:22:56.000Z","dependencies_parsed_at":"2024-12-09T10:28:59.446Z","dependency_job_id":"2040e995-e868-470e-902f-495f452eac06","html_url":"https://github.com/arslanramay/laravel-livewire-multistep-forms","commit_stats":null,"previous_names":["arslanramay/streamplus-multistep-forms","arslanramay/laravel-livewire-multistep-forms"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/arslanramay/laravel-livewire-multistep-forms","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arslanramay%2Flaravel-livewire-multistep-forms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arslanramay%2Flaravel-livewire-multistep-forms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arslanramay%2Flaravel-livewire-multistep-forms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arslanramay%2Flaravel-livewire-multistep-forms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arslanramay","download_url":"https://codeload.github.com/arslanramay/laravel-livewire-multistep-forms/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arslanramay%2Flaravel-livewire-multistep-forms/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31819718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"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":["laravel","livewire3","mysql","php"],"created_at":"2024-12-16T01:12:21.754Z","updated_at":"2026-04-14T23:32:25.774Z","avatar_url":"https://github.com/arslanramay.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Laravel Livewire Multi-Step User Onboarding Form Application\n\nA Laravel Livewire-based multi-step form application for collecting user subscription details. This application supports both **Free** and **Premium** subscription types, guiding users through multiple steps to collect Personal Details, Address Details, and Payment Details (for Premium users).\n\n## Project Overview\n\n### Tech Stack\n\nThis project uses the following technologies:\n\n- PHP 8\n- MySQL\n- Laravel 11\n- Livewire 3\n\nThis project is designed to demonstrate a clean implementation of a multi-step user registration form with dynamic navigation and validation on each step. The following steps are included:\n\n1. **Personal Details**\n   - Name, Email, Phone, and Subscription Type selection.\n2. **Address Details**\n   - Address Line 1, Address Line 2, City, State, Postal Code, Country.\n3. **Payment Details(Credit Card)** (for Premium subscription only)\n   - Card Number, Expiry Date, CVV.\n4. **Confirmation**\n   - Displays all the user-submitted details for review before final submission.\n\n## Key Features\n\n- Dynamic step navigation.\n- Step-specific validation.\n- Secure handling of sensitive user data (e.g., masking payment details).\n- Organized code structure using Livewire components.\n- Proper relationships between database models.\n- Validation rules for Email address and credit card details.\n- Encrypted credit card details stored in the database.\n\n## Main Files\n\n### Livewire Components\n\n1. **Subscriberform**: Handles the multi-step form logic and data submission.\n   - File Path: `app/Livewire/Subscriberform.php`\n\n### Blade Views\n\n1. **Multi-step Form View**: Renders the multi-step form UI.\n   - File Path: `resources/views/livewire/subscriberform.blade.php`\n\n2. **Subscribers List View**: Displays a list of submitted subscribers.\n   - File Path: `resources/views/subscribers-list.blade.php`\n\n### Models\n\n1. **Subscriber**: Represents a user in the subscription system.\n   - File Path: `app/Models/Subscriber.php`\n2. **Address**: Stores user address details.\n   - File Path: `app/Models/Address.php`\n3. **Payment**: Stores user payment details for Premium subscriptions.\n   - File Path: `app/Models/Payment.php`\n\n## Project Setup Instructions\n\nTo set up this Laravel project locally, follow these steps:\n\n1. **Clone the Repository**:\n   ```bash\n   git clone https://github.com/arslanramay/streamplus-multistep-forms.git\n   cd streamplus-multistep-forms\n   ```\n\n2. **Install Dependencies**:\n   ```bash\n   composer install\n   npm install\n   npm run dev\n   ```\n\n3. **Set Up Environment Variables**:\n   - Copy `.env.example` to `.env`.\n   ```bash\n   cp .env.example .env\n   ```\n   - Configure database credentials and other necessary settings in the `.env` file.\n\n4. **Generate Application Key**:\n   ```bash\n   php artisan key:generate\n   ```\n\n5. **Run Migrations**:\n   ```bash\n   php artisan migrate\n   ```\n\n6. **Start the Development Server**:\n   ```bash\n   php artisan serve\n   ```\n\n7. **Access the Application**:\n   - Open your browser and navigate to `http://127.0.0.1:8000`.\n\n8. **Testing the Application**:\n   - Complete the multi-step form for Free and Premium subscriptions.\n   - After submission, verify the data on the **Subscribers List** page by navigating to `/subscribers-list`.\n\n## Usage\n\n- Start by selecting a subscription type (Free or Premium) in Step 1.\n- Fill in the required details for each step.\n- For Premium subscriptions, enter payment details in Step 3.\n- Review all information on the Confirmation page (Step 4) before submitting.\n- Successfully submitted data will be stored in the database and displayed on the **Subscribers List** page.\n\n\u003c!-- ## Contributing\n\nContributions are welcome! Please fork the repository and create a pull request for any enhancements or bug fixes. --\u003e\n\n## License\n\nThis project is open-source and available under the [MIT License](https://opensource.org/licenses/MIT). Developed by [Arslan Ramay](https://github.com/arslanramay)\n\n---\nFor any issues or questions, feel free to reach out or create an issue on the GitHub repository.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farslanramay%2Flaravel-livewire-multistep-forms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farslanramay%2Flaravel-livewire-multistep-forms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farslanramay%2Flaravel-livewire-multistep-forms/lists"}