Laravel Fullstack App ( Laravel Blade, Laravel & MYSQL )

A Color-Palette Website which Created by Chen Frederick - Included Email Blast, Database & Other Features to Become a Successful Fullstack Laravel App.

Website Link: Soon Deploy to AWS

---

Features :

1. CRUD Backend with Integration in Frontend by MYSQL & Blade
2. Restore & Archive Functionality ( Soft Delete )
3. Plugin Integration + Tailwind.css + Fontawesome + SCSS
4. After Register & Create a Color palette will receive email ( send email system )
5. Components & Layout in laravel blade
6. Deployment to Heroku
7. Reusable Notification Component
8. Laravel Eloquent Relationship

---

Database Column :

Users	Palette ( soft delete table - with archive & restore feature )
id (primary_key)	id (primary_key)
name	user_id (foreign_key of users table)
username	title
email	colors (object)
password	created_at
remember_token	updated_at
email_verified_at	deleted_at
created_at
updated_at

References :

• https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql-id
• https://laracasts.com/discuss/channels/laravel/easy-way-to-check-if-laravel-app-has-connection-with-existing-mysql-db
• setting up tailwind.css -> https://www.youtube.com/watch?v=MFh0Fd7BsjE&list=PL7Ip-iVFndN6WT7bRVyyigadDH1AOZ7V5&index=1&t=220s
• scss configuration in webpack.mix.js -> https://ralphjsmit.com/tailwind-sass-laravel/
• installation reference & docs upon styling development -> https://tailwindcss.com
• format laravel blade codes ( use laravel blade snippets ) -> https://stackoverflow.com/questions/46268211/how-to-format-laravel-blade-codes-in-visual-studio-code
• color palette data injection resource -> https://colorpalettes.net/color-palette-3983/
• rainbow navbar -> https://codepen.io/nohoid/pen/kIfto
• for email setup, need to lower security -> https://stackoverflow.com/questions/33939393/failed-to-authenticate-on-smtp-server-error-using-gmail
• production level email blast -> https://laracasts.com/discuss/channels/laravel/the-mail-didnt-send-to-my-gmail
• heroku deployment ( 1 of source ) -> https://devcenter.heroku.com/articles/deploying-php
• heroku deployment issue on asset that use http -> https://stackoverflow.com/questions/34378122/load-blade-assets-with-https-in-laravel
• further heroku + laravel + database deployment, can see from your youtube & heroku -> laravel-fd-color-palette -> settings -> config vars (env settings)
• production mailing issue -> https://medium.com/graymatrix/using-gmail-smtp-server-to-send-email-in-laravel-91c0800f9662
• production mailing issue -> https://laracasts.com/discuss/channels/laravel/failed-to-authenticate-on-smtp-server-with-username-my-account-at-gmailcom-using-3-possible-authenticators-authenticator-login-returned-expected-response-code-235-but-got-code-534-with-message-534-579-application-specific-password-required
• blade get current route -> https://stackoverflow.com/questions/17591181/how-to-get-the-current-url-inside-if-statement-blade-in-laravel-4

---

Tools Used :

• Visual Studio Code
• DBeaver
• Git & Gitahead
• Composer
• Laravel & PHP
• Tailwind.css
• Gmail & Mailtrap
• Node & NPM

To Setup :

• npm install
• composer install
• npm run dev

---

Personal Notes :

• after installed any plugin, you need to do npm i to synchronize between package.json & composer.json
• after changed webpack.mix.js, since laravel mix is webpack based, you’ll need to compile those files with npm run dev.
• while you're on development please run php artisan serve & npm run watch. 1 so you can visit localhost, the other 1 so you don't need to run npm run dev for every scss file change you made
• its good to have layout in laravel where you can put your link rel in for just 1 time rather than put in all your component
• can refer to our personal ms.word notes at drive when you want to regain knowledge after a while - P.S we dont have password in our local mysql
• for email setup, here are some examples :

For Mailtrap (local/testing level)

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=30205bc21626b8
MAIL_PASSWORD=e211bdfef34f72
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS=frederick@fdpalette.com
MAIL_FROM_NAME="${APP_NAME}"

For Gmail (production level)

MAIL_MAILER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=587
MAIL_USERNAME="YOUR_EMAIL_ADDRESS"
MAIL_PASSWORD="YOUR_EMAIL_PASSWORD"
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS="PREFERED_SENDER_EMAIL"
MAIL_FROM_NAME="${APP_NAME}"

Database Details :

• Name : 'laravel_fullstack_app'
• Username : 'laravel_fullstack_admin'
• Password : 'laravel_fullstack_admin'

---

About Laravel

Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:

• Simple, fast routing engine.
• Powerful dependency injection container.
• Multiple back-ends for session and cache storage.
• Expressive, intuitive database ORM.
• Database agnostic schema migrations.
• Robust background job processing.
• Real-time event broadcasting.

Laravel is accessible, powerful, and provides tools required for large, robust applications.

Learning Laravel

Laravel has the most extensive and thorough documentation and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.

If you don't feel like reading, Laracasts can help. Laracasts contains over 1500 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.

Laravel Sponsors

We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel Patreon page.

Premium Partners

• Vehikl
• Tighten Co.
• Kirschbaum Development Group
• 64 Robots
• Cubet Techno Labs
• Cyber-Duck
• Many
• Webdock, Fast VPS Hosting
• DevSquad
• Curotec
• OP.GG
• CMS Max
• WebReinvent

Contributing

Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the Laravel documentation.

Code of Conduct

In order to ensure that the Laravel community is welcoming to all, please review and abide by the Code of Conduct.

Security Vulnerabilities

If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via taylor@laravel.com. All security vulnerabilities will be promptly addressed.

License

The Laravel framework is open-sourced software licensed under the MIT license.

• your gmail app password for mailing ( production ) = mevuamcszfeofgyb
• updated gmail app password version = lekoqmhajjnerbax