Create a personalized certificate of achievement with the "Proud of Your Progress Certificate Generator". This web application requires users to input their name, a personalized message, and the course name to dynamically generate a certificate displayed in a modal.
- Clone Starter Code: Begin by cloning the Starter Code Repository from GitHub.
- Develop Your Solution: Write your code to implement the project's functionality.
- Commit Your Changes: As you make progress, commit your changes with meaningful messages.
- Push to GitHub: Upload your local repository changes to GitHub.
- Submit Your Work: Share your GitHub Repository Link on the LMS under the [JSL07] Submission Project Tab.
- Input Fields: For user's name, personalized message, and course name.
- Generate Certificate: A button that when clicked, creates the certificate.
- Modal Display: The certificate is shown in a modal window.
- Close Button: For closing the modal.
- Validation: Checks that all fields are completed before certificate generation.
- Dynamic Content: Dynamically generate the certificate's content based on user input, ensuring it matches the reference solution.
- Modal Implementation: Show the certificate in a modal upon form submission; the modal should initially be hidden.
- Interaction Handling: Enable modal display with form submission and allow closing with a close button. Ensure form inputs are cleared post-submission.
Your tasks include completing partially implemented input collection, dynamically generating certificate content, and implementing modal display and interaction handling based on the provided starter code framework.
Partial implementation for collecting input values, where specific assignments are marked with 🚨, indicating tasks to complete.
- Clone the Repository: Use the provided link to clone the repository and start working in your local environment.
- Code: Address each challenge following the project objectives and features.
- Commit Changes: Regularly commit your work with descriptive messages.
- Push Updates: Upload your commits to GitHub, ensuring your repository reflects the latest changes.
- Verify Submission: Double-check your GitHub repository for the final code and push any last-minute updates.
- Code Review: We'll check your repository for the complete and updated code files.
- Functionality: Your modifications will be assessed for adherence to project requirements.
- Commit History: Your commit messages and history will reflect your development process.
Get going and celebrate your progress 🥳🥳🥳