Interview Preparation Assistant - Copy this React, Tailwind Component to your project
Component-Name:-Interview-Prep-Assistant-Step-1:-Select-Your-Domain-Headline:-Choose-Your-Domain-“Select-the-area-of-expertise-you’re-preparing-for-to-receive-tailored-interview-questions.”-Dropdown/Selection-Box:-Example-options:-Developer-Data-Scientist-Product-Manager-Designer-Marketing-Specialist-(Add-more-relevant-domains-depending-on-your-app)-Step-2:-Upload-Job-Description-&-Resume-Headline:-Upload-Your-Resume-and-Job-Description-“Help-us-tailor-the-practice-questions-by-uploading-your-resume-and-the-job-description-you're-applying-for.”-File-Upload-Buttons:-Upload-Resume-(PDF/Word)-Upload-Job-Description-(PDF/Word)-Instructional-Text:-“We-will-analyze-both-documents-to-generate-custom-interview-questions-that-align-with-your-work-experience-and-the-job-you're-targeting.”-Step-3:-Generate-Custom-Interview-Questions-Headline:-Generate-Unlimited-Custom-Interview-Questions-“Based-on-your-resume-and-job-description,-we’ll-generate-a-set-of-personalized-interview-questions-for-you-to-practice.”-Button:-Generate-Questions-Text-Below-Button:-“Once-the-job-description-and-resume-are-uploaded,-click-the-button-above-to-create-your-custom-questions.”-Loading-State:-“Please-wait-while-we-analyze-your-documents-and-generate-your-questions…”-Display-Result:-After-processing,-show-the-list-of-generated-questions-in-a-clean,-easy-to-read-format.-The-questions-should-be-broken-down-into-categories-(e.g.,-Behavioral,-Technical,-Role-Specific,-etc.).-Step-4:-Practice-Your-Answers-Headline:-Practice-Your-Answers-“Not-sure-how-to-answer?-We’ve-got-you-covered.-Start-practicing-with-the-answers-we-generate-based-on-your-work-experience.”-Button:-Generate-Answer-Text-Below-Button:-“Click-on-any-question-to-generate-a-sample-answer,-or-ask-us-to-rewrite-it-for-clarity-and-impact.”-Answer-Display-Section:-Once-the-user-clicks-on-a-question,-display-the-following:-The-original-question.-A-sample-answer-generated-based-on-the-user's-work-experience.-A-text-input-box-allowing-the-user-to-edit/improve-their-answer.-Step-5:-Refine-Your-Answer-Headline:-Want-to-Improve-Your-Answer?-“Tell-us-how-you’d-like-to-improve-your-answer-and-we’ll-rewrite-it-for-you.”-Text-Input-Box:-“Share-what-aspects-of-your-answer-you’d-like-to-refine-(e.g.,-conciseness,-confidence,-technical-clarity).”-Button:-Generate-Improved-Answer-Text-Below-Button:-“Once-you-submit,-we’ll-rewrite-the-answer-according-to-your-feedback-and-show-you-the-improved-version.”-Improved-Answer-Display:-After-the-user-submits-their-feedback,-show-the-improved-version-of-the-answer.-Step-6:-Repeat-and-Practice-Headline:-Keep-Practicing-“You-can-continue-practicing-as-many-questions-as-you-want.-Feel-free-to-go-back-and-refine-your-answers-or-generate-new-ones.”-Button:-Generate-More-Questions-Button:-Generate-More-Answers-Next-Steps/Encouragement:-“The-more-you-practice,-the-better-prepared-you'll-be-for-your-interview.-Let’s-get-you-ready-to-ace-it!”-Design-Considerations:-Progress-Indicator:-Add-a-progress-bar-or-steps-navigation-(e.g.,-Step-1/6,-Step-2/6)-so-users-can-track-their-progress-through-the-workflow.-User-Feedback:-Include-positive-reinforcement-throughout.-For-example:-“Great-job!-Your-answer-is-looking-even-better-now.”-“Well-done!-You’ve-practiced-this-question-like-a-pro.”-Customization:-Allow-users-to-edit-or-skip-steps.-Some-users-might-only-want-to-focus-on-practicing-answers,-while-others-may-need-to-focus-on-refining-their-resumes-first.-Mobile-Friendly-Design:-Ensure-the-component-is-responsive-and-works-well-on-both-desktop-and-mobile-devices.-Save-Progress:-Enable-users-to-save-their-progress-and-come-back-later.-This-is-especially-helpful-for-users-who-might-be-revising-multiple-answers-over-time.
