Click to Expand
| Description |
|---|
| 🟨 Looking for motivation or a reality check? This is the project for you! |
| 🛠 Simple navigation & customization lets you create your own posters. |
Click to Expand
| ⬛ Experience | 🟨 Insights |
|---|---|
| 🟪 Worked on this project for a few hours each day | 🟪 Picking it back up was easier due to past experience |
| 🟪 Previously completed this project | 🟪 Reinforced my understanding of JavaScript and DOM manipulation |
| 🟪 Focused on refining my approach | 🟪 Improved debugging skills and efficiency in structuring the code |
| 🟪 Used prior knowledge to accelerate progress | 🟪 Recognized patterns from past projects and applied them here |
| 🟪 Excited to build on this further | 🟪 Looking forward to implementing more complex functionality |
Click to Expand
| 🏁 Goal | 🏁 Focus Area |
|---|---|
| Strengthen JavaScript fundamentals | Work with functions, loops, and arrays effectively |
| Enhance DOM manipulation skills | Learn how to dynamically update and modify elements on the page |
| Improve event handling | Gain experience with event listeners and user interactions |
| Refine problem-solving abilities | Debug and troubleshoot JavaScript errors more efficiently |
| Gain better understanding of Git workflow | Practice commits, branching, and collaboration on GitHub |
Click to Expand
| 🏆 Wins | 🪨 Challenges |
|---|---|
| 🏆 Successfully refactored code for better readability | 🪨 Debugging issues with hidden elements not displaying correctly |
| 🏆 Improved understanding of event listeners and DOM manipulation | 🪨 Ensuring proper state management when switching between poster views |
| 🏆 Implemented dynamic poster creation with user input | 🪨 Managing CSS styles to make the posters look uniform across different screen sizes |
| 🏆 Optimized saved posters functionality to prevent duplicates | 🪨 Handling unexpected user inputs that might break poster generation |
| 🏆 Strengthened my ability to troubleshoot issues independently | 🪨 Balancing efficiency with keeping code easy to read and maintain |
Click to Expand
Step 1: Fork and clone the repository
Step 2: Navigate to the project folder
Step 3: Open index.html in a browser
Step 4: Start customizing posters!
Want to contribute? Check out the issues tab on GitHub!
🔗 GitHub Issues
| ⬛ My journey for this project | 🟨 Check it out for yourself! |
|---|---|
| Abstract | Preview of the App |
| Context | Learning Goals |
| Wins + Challenges | Installation Instructions |
Follow my future projects! 🚀
