liquidfish Full Stack Developer Test

SETUP

1. Clone this repo to your machine.
2. Create a new repository on your GitHub account and push the cloned project to your new repo. Do not fork this project.
3. Once completed with the assessment, please email us a link to your git repo.

TASK BREAKDOWN

1. Create a Laravel website that has a frontend responsive form based on the jpg designs provided in the repo. The two columns on the form should stack and be 100% width on smaller screens.
2. Validate the form on the frontend and backend
3. Submit the form via AJAX to a controller
4. Store that submission into a database that you will create via Laravel migrations (we will run these to get your database set up on our end)
5. Email the form to the user.
6. Upon success, show the designed success message.

Bonus Points: Add any UX “flare" or animations that you think would be beneficial. ;)

Please provide database migrations to create the database and any environment variables we will need to run your application.

We will provide the SMTP credentials.

TIMELINE

You will have 4 hours to complete the assessment. To begin:

1. Clone the repo to your account
2. Push a "Starting" commit as soon as you start the assessment.
3. Push a "4 Hour" commit at the 4 hour mark.
4. If you are not finished at the 4 hour mark but would like to do so, please do so!

REQUIREMENTS

1. The form submission and success/error messages should be handled using AJAX.
2. On smaller screen devices, stack the form's columns and make them 100% width.
3. The code must be cross-browser compatible.

DESIGN & ASSETS

1-Form.png - This is the initial style of the form
2-Error.png - This shows the error message
3-Success.png - This shows the success message that needs to be displayed
mail-icon.svg - The mail svg icon that is shown in the success screen

Here goes nothing...

Changing the readme so I can have the right commit message

There went everything...

Changing the readme again so I can commit this at the 4 hour mark

TODO:

1. Success message on happy submission :)
2. Error fields on sad submissions :(
3. A knock your socks off svg animation
4. General css flair (love me some good hovers and such)

Looking back, I wish I had started with Laravel's Vue bootstrapper, it just totally slipped my mind!

Here goes nothing pt. 2: The Reckoning...

Starting back up this Sunday so I can finish the front end. Also, Happy Easter! 🐰🐥🥚

Pt 2: The Reckoning - Running Time: 03:24

I worked for another couple of hours this afternoon just trying to clean up some of the styling. It was a fun project, a cool introduction to Laravel, and good practice overall. I'm excited to hear back on what you guys think, if you have any tips or suggesstions, let me know!