Let's Build for Ruby and Rails Developers - Part 14 - Job Form Preview

In part 14, I continue our long journey with a dynamic form built with Vue.js on the front-end and Ruby on Rails on the back end. We're about halfway done having previously worked on the new job form details page on parts 12 - 13.

Blog post: https://web-crunch.com/posts/let-s-build-for-ruby-and-rails-developers-part-14

The end goal with the new job form is allow employers/contractors to publish a job with ease. They'll be able to visit railsdevs.com, click on "Post a job", enter details, preview those details, and purchase the job listing.

Behind the scenes I plan on creating a new account for that employer if it doesn't already exist and kicking off some emails about their account and job. We'll get to those extra details later on but for the sake of this video the goal is to show a realistic preview of the job listing before the purchase.

Thanks to our new store pattern with Vue.js I'm able to easily show job data in step 2 of our multi-step form. We'll pipe this data through and display it.

In the next part we'll start to code the last and final step of the job form and introduce our billing portion of the project. I plan on using Stripe primarily for billing. We could use something like PayPal or Braintree as well but to get something shipped sooner or later I think Stripe is a good first issue to tackle. Stay tuned!


Hi, My name is Andy Leverenz and I work as a product designer and developer. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.

♥️ Sponsor me on GitHub

☕️ Keep me awake. Buy me a coffee

📰 One-Click Subscribe:

💻 Previously published at:

👋 Latest Course: HELLO HTML & CSS (coming soon)👋

💎Ruby on Rails Course: HELLO RAILS

💻 Check out the blog:

🦄 Check out my personal site:

🚀 Links:
Weekly Newsletter: https://digest.web-crunch.com/
Twitter: https://twitter.com/webcrunchblog
Github: https://github.com/justalever

📘Check out my book on UX Design:
"LUXD: Learn User Experience Design"

📙 Check out my FREE book on Tumblr Theming:
"Pro Tumblr Theming"

Дата на публикация: 26 ноември, 2020
Категория: Друго

Показване на още