├── .editorconfig ├── .env.example ├── .gitattributes ├── .gitignore ├── .styleci.yml ├── LICENSE ├── README.md ├── app ├── Console │ ├── Commands │ │ └── ModelMakeCommand.php │ └── Kernel.php ├── Exceptions │ └── Handler.php ├── Http │ ├── Controllers │ │ ├── Auth │ │ │ ├── ForgotPasswordController.php │ │ │ ├── LoginController.php │ │ │ ├── RegisterController.php │ │ │ ├── ResetPasswordController.php │ │ │ └── VerificationController.php │ │ ├── Controller.php │ │ ├── HomeController.php │ │ ├── NoteController.php │ │ ├── ProjectController.php │ │ └── SpaController.php │ ├── Kernel.php │ └── Middleware │ │ ├── Authenticate.php │ │ ├── CheckForMaintenanceMode.php │ │ ├── EncryptCookies.php │ │ ├── RedirectIfAuthenticated.php │ │ ├── TrimStrings.php │ │ ├── TrustProxies.php │ │ └── VerifyCsrfToken.php ├── Models │ ├── Contacts.php │ ├── Note.php │ ├── Project.php │ └── User.php └── Providers │ ├── AppServiceProvider.php │ ├── AuthServiceProvider.php │ ├── BroadcastServiceProvider.php │ ├── EventServiceProvider.php │ └── RouteServiceProvider.php ├── artisan ├── bootstrap ├── app.php └── cache │ └── .gitignore ├── composer.json ├── composer.lock ├── config ├── app.php ├── auth.php ├── broadcasting.php ├── cache.php ├── database.php ├── filesystems.php ├── hashing.php ├── logging.php ├── mail.php ├── queue.php ├── services.php ├── session.php └── view.php ├── database ├── .gitignore ├── factories │ ├── ContactsFactory.php │ └── UserFactory.php ├── migrations │ ├── 2014_10_12_000000_create_users_table.php │ ├── 2014_10_12_100000_create_password_resets_table.php │ ├── 2019_09_19_105106_create_projects_table.php │ ├── 2019_11_11_062128_create_contacts_table.php │ └── 2020_06_03_104553_create_notes_table.php └── seeds │ ├── ContactsSeeder.php │ └── DatabaseSeeder.php ├── package-lock.json ├── package.json ├── phpunit.xml ├── public ├── .htaccess ├── 0.js ├── css │ ├── app.css │ └── bootstrap.min.css ├── favicon.ico ├── images │ ├── screenshots │ │ ├── screenshot_1.png │ │ ├── screenshot_2.png │ │ ├── screenshot_3.png │ │ └── screenshot_4.png │ └── vue-logo.png ├── index.php ├── js │ ├── app.js │ ├── bootstrap.min.js │ └── jquery-3.3.1.min.js ├── mix-manifest.json ├── robots.txt └── web.config ├── resources ├── js │ ├── app.js │ ├── bootstrap.js │ ├── components │ │ ├── Accordion.vue │ │ ├── AccordionItem.vue │ │ ├── Alert.vue │ │ ├── Carousel.vue │ │ ├── ConditionalElement.vue │ │ ├── ContactUs.vue │ │ ├── Counter.vue │ │ ├── MenuLink.vue │ │ ├── MessageBox.vue │ │ ├── Modal.vue │ │ ├── Pinned.vue │ │ ├── ProgressView.vue │ │ ├── SimpleModal.vue │ │ ├── StickyNotes.vue │ │ ├── Tab.vue │ │ ├── Tabs.vue │ │ ├── Task.vue │ │ ├── Tasks.vue │ │ ├── Testimonials.vue │ │ ├── TodoList.vue │ │ └── common │ │ │ ├── Menu.vue │ │ │ ├── MenuItem.vue │ │ │ └── PaginationLinks.vue │ ├── models │ │ └── skills.js │ ├── routes │ │ └── index.js │ ├── utilities │ │ ├── errors.js │ │ └── form.js │ └── views │ │ ├── About.vue │ │ ├── Home.vue │ │ ├── Projects.vue │ │ ├── SampleHome.vue │ │ ├── Sample_1.vue │ │ ├── Sample_10.vue │ │ ├── Sample_11.vue │ │ ├── Sample_12.vue │ │ ├── Sample_13.vue │ │ ├── Sample_14.vue │ │ ├── Sample_2.vue │ │ ├── Sample_3.vue │ │ ├── Sample_4.vue │ │ ├── Sample_5.vue │ │ ├── Sample_6.vue │ │ ├── Sample_7.vue │ │ ├── Sample_8.vue │ │ ├── Sample_9.vue │ │ └── contact.vue ├── lang │ └── en │ │ ├── auth.php │ │ ├── pagination.php │ │ ├── passwords.php │ │ └── validation.php ├── sass │ ├── _variables.scss │ └── app.scss └── views │ ├── home.blade.php │ └── layouts │ ├── app.blade.php │ ├── footer.blade.php │ ├── header.blade.php │ └── master.blade.php ├── routes ├── api.php ├── channels.php ├── console.php └── web.php ├── server.php ├── storage ├── app │ ├── .gitignore │ └── public │ │ └── .gitignore ├── framework │ ├── .gitignore │ ├── cache │ │ ├── .gitignore │ │ └── data │ │ │ └── .gitignore │ ├── sessions │ │ └── .gitignore │ ├── testing │ │ └── .gitignore │ └── views │ │ └── .gitignore └── logs │ └── .gitignore ├── tests ├── CreatesApplication.php ├── Feature │ └── ExampleTest.php ├── TestCase.php └── Unit │ └── ExampleTest.php └── webpack.mix.js /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 4 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.yml] 15 | indent_size = 2 16 | -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME=Laravel 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_URL=http://localhost 6 | 7 | LOG_CHANNEL=stack 8 | 9 | DB_CONNECTION=mysql 10 | DB_HOST=127.0.0.1 11 | DB_PORT=3306 12 | DB_DATABASE=vuedemo 13 | DB_USERNAME=root 14 | DB_PASSWORD= 15 | 16 | BROADCAST_DRIVER=log 17 | CACHE_DRIVER=file 18 | QUEUE_CONNECTION=sync 19 | SESSION_DRIVER=file 20 | SESSION_LIFETIME=120 21 | 22 | REDIS_HOST=127.0.0.1 23 | REDIS_PASSWORD=null 24 | REDIS_PORT=6379 25 | 26 | MAIL_DRIVER=smtp 27 | MAIL_HOST=smtp.mailtrap.io 28 | MAIL_PORT=2525 29 | MAIL_USERNAME=null 30 | MAIL_PASSWORD=null 31 | MAIL_ENCRYPTION=null 32 | 33 | AWS_ACCESS_KEY_ID= 34 | AWS_SECRET_ACCESS_KEY= 35 | AWS_DEFAULT_REGION=us-east-1 36 | AWS_BUCKET= 37 | 38 | PUSHER_APP_ID= 39 | PUSHER_APP_KEY= 40 | PUSHER_APP_SECRET= 41 | PUSHER_APP_CLUSTER=mt1 42 | 43 | MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 44 | MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 45 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | *.css linguist-vendored 3 | *.scss linguist-vendored 4 | *.js linguist-vendored 5 | CHANGELOG.md export-ignore 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /public/hot 3 | /public/storage 4 | /storage/*.key 5 | /vendor 6 | .env 7 | .phpunit.result.cache 8 | Homestead.json 9 | Homestead.yaml 10 | npm-debug.log 11 | yarn-error.log 12 | -------------------------------------------------------------------------------- /.styleci.yml: -------------------------------------------------------------------------------- 1 | php: 2 | preset: laravel 3 | disabled: 4 | - unused_use 5 | finder: 6 | not-name: 7 | - index.php 8 | - server.php 9 | js: 10 | finder: 11 | not-name: 12 | - webpack.mix.js 13 | css: true 14 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Parixit Patel 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
Simple Laravel and Vue.js Application for beginners, that demonstrate use of VueJs concepts like Two Way Binding, Computed Property, Components, Sub-Components, Vue Router, Vue Portal, Filters, CRUD etc...
4 |Also contains useful components like Testimonials, Accordion, Carousel, Counter etc.
5 | 6 | > The Demo is divided into different SPA (Single Page Application) pages. It also showing use of MPA (Multi Page Application) and SPA (Single Page Application) both at the same time. 7 | 8 | ## Screenshots 9 | 10 |{{ message }}
9 |
About Page Content Goes Here ...
7 |Home Page Content Goes Here ...
7 |Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed est scelerisque enim tincidunt interdum. Etiam aliquet lacus vitae nunc elementum elementum a in ligula. Nullam ornare metus lobortis scelerisque commodo. Maecenas varius molestie varius. Sed lectus mi, imperdiet vel venenatis id, cursus non lacus. Ut mattis aliquet rhoncus. Mauris semper nec lacus nec efficitur.
19 | 20 |Duis ac interdum ligula. Vestibulum id egestas ante, a mattis orci. Praesent massa turpis, facilisis nec nulla eu, euismod pretium quam. Vivamus semper dignissim ex, eget pellentesque lorem scelerisque vitae. Vivamus eget lorem eget justo porta interdum. Suspendisse consequat, lacus sed dignissim maximus, augue risus luctus ipsum, a molestie elit purus eget urna. Sed interdum mi sed enim semper, sed fringilla urna pharetra. Ut lobortis aliquam mauris eget tempor. Nam id dui gravida, cursus ligula vitae, mattis est. Sed quis nisi dignissim, rutrum ex non, porta velit. Donec non arcu vitae odio interdum congue.
21 | 22 |Sed venenatis bibendum semper. Sed sit amet fringilla sem. Curabitur elementum nisi quis ex sodales, at iaculis diam faucibus. Maecenas maximus ex blandit tristique tempor. Etiam eget felis turpis. Curabitur ac dictum dui, vel vestibulum leo. Morbi gravida tempor orci. Donec quam dui, convallis sed erat ut, vehicula ornare libero. Sed id aliquam felis. Sed ac sollicitudin mauris. Duis posuere luctus tortor et malesuada. In maximus metus leo, eleifend consectetur nisl rutrum fermentum. Sed vitae consequat felis, sed placerat urna. Vivamus mattis ipsum ac dolor sodales laoreet. Nunc et tortor ac nunc ultricies egestas sed sit amet elit. Ut porta finibus turpis, ac eleifend erat.
23 |Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis eleifend arcu. Sed aliquam, erat sit amet imperdiet porta, diam lacus feugiat libero, non viverra tortor lorem non odio. Quisque eu nulla at nisl tincidunt vulputate et et dui. Aenean vitae porta nisi. Donec sodales vel magna vitae convallis. In leo magna, sollicitudin non quam vitae, porta semper leo. Curabitur facilisis imperdiet enim quis consequat. Nam vitae metus pellentesque, pharetra risus et, pharetra lacus. Sed et pharetra ex. Sed ornare augue accumsan massa placerat, faucibus convallis dui molestie. Vestibulum laoreet dolor sed elit tempus, ut lacinia arcu sodales. Duis ullamcorper, sem eu tincidunt dapibus, massa nunc ullamcorper ante, id fringilla nisi est a risus. Nulla nisl nibh, rhoncus vel enim nec, consectetur ultrices nisl. Fusce justo erat, aliquam at aliquam nec, blandit in mauris. Fusce tincidunt pulvinar auctor.
26 | 27 |Integer et bibendum urna, sit amet vehicula ligula. Nam tristique lobortis ante tincidunt dapibus. Phasellus sit amet massa est. Integer nisi neque, sagittis a euismod blandit, mattis et metus. Cras congue diam est, id aliquam mi mattis quis. Vestibulum lectus sapien, facilisis pharetra ante suscipit, ornare tristique libero. Aliquam semper lacus a tempor porttitor. Duis iaculis viverra eros, quis ornare ligula. Aenean ut quam ex. Cras dictum lacus ac iaculis sagittis. Morbi varius nisi in justo tempor, id tincidunt mi interdum. Suspendisse pellentesque, dolor vitae pharetra fringilla, orci neque volutpat tellus, sed sagittis erat nulla sit amet elit. Nam ac lectus elementum, pulvinar leo ut, congue purus. Aliquam finibus mi at mollis dignissim. Suspendisse potenti.
28 | 29 |Ut rutrum tincidunt magna, in lobortis purus suscipit ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus, lorem eu lacinia tempor, tortor odio vehicula nunc, a ultrices ante dolor at leo. Integer pharetra consequat quam, sed malesuada mi hendrerit eget. Nullam posuere nec erat eget faucibus. Morbi egestas interdum felis non tincidunt. Cras vitae placerat enim. Nunc bibendum, arcu id auctor pharetra, orci velit vestibulum risus, sit amet ullamcorper augue libero ornare eros. Pellentesque dapibus porta magna et tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus consequat luctus ipsum eget venenatis. Vestibulum efficitur nec diam eget semper. Nullam rhoncus diam non ipsum fringilla, et ullamcorper purus facilisis. Sed sodales orci efficitur dolor mollis pretium. Suspendisse dolor lectus, varius vitae elementum vel, luctus nec magna. Mauris eu nulla a ex rhoncus vulputate.
30 |Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc egestas ante at interdum dapibus. Morbi quis erat varius, aliquet ligula quis, volutpat dolor. Donec eu sem sed lacus scelerisque pulvinar eu porttitor mauris. Fusce bibendum ligula sed lectus convallis aliquet. Donec sit amet varius nulla. In interdum tempus ultrices. Duis et suscipit urna. Morbi maximus tristique posuere. Duis aliquet magna arcu, vel aliquam arcu euismod vel. Aenean orci diam, pulvinar varius leo eu, vestibulum efficitur tortor. Vivamus vel ornare tortor. Morbi sodales posuere condimentum. Curabitur gravida sapien eget vulputate consequat. Donec congue quam non ex porttitor accumsan. Curabitur laoreet mattis felis eu tempor.
33 | 34 |Duis ante lectus, commodo in odio vel, imperdiet finibus metus. Sed eget arcu vel nisl mollis pulvinar. Etiam ut dignissim nisl. Nam consequat rutrum tortor ut semper. Maecenas tempor nibh vestibulum arcu convallis consectetur. Sed ultrices posuere posuere. In vel lorem suscipit, ullamcorper lorem vel, congue libero. Duis imperdiet odio nulla, et mollis est fringilla eu. Aenean fermentum massa sed semper gravida. In ultricies ipsum ut nulla suscipit facilisis. Maecenas vel dui dui. Donec laoreet gravida nulla a tempus. Maecenas porttitor consectetur finibus. Duis neque tellus, lacinia vehicula aliquam id, facilisis non ante.
35 | 36 |In ac nulla eu metus ultrices scelerisque. Sed a erat vitae justo commodo blandit a nec nunc. Vivamus euismod massa in lectus sagittis ultricies. Sed molestie finibus metus at aliquam. Quisque ut viverra diam. Nam massa lectus, lobortis in sapien non, sollicitudin maximus nisi. Ut elit dolor, malesuada vel mollis et, mollis sodales urna. Duis tincidunt sem massa, sit amet tristique orci consectetur ut. Ut eget purus finibus, porta sem id, lobortis leo.
37 |Contact Page Content Goes Here ...
7 |App includes number of vuejs basic examples and demonstrate use of vuejs with Laravel.
13 |Click on below link to start with Samples
14 |15 | Enter To SPA 16 |
17 |