All solutions

What are you most proud of, and what would you do differently next time?

I'm most proud of the sound integration for the clicks and score page. I would better enhance the UI to give it my own personal touch and increase the quiz difficulty levels.

What challenges did you encounter, and how did you overcome them?

I encountered issues with the production environment because paths and routes need to be implemented a specific way to render properly when the app is live. I updated the Vite Config file to accept various paths, added specific default path to package.json, and implemented rules for enabling sounds based on path.

What are you most proud of, and what would you do differently next time?

I'm most proud of my ability to bring something to life with the basics and still make it pop.

What I'd do differently next time is consider using a JavaScript framework to make it more robust and accessible. Hopefully with more to showcase within the website.

What challenges did you encounter, and how did you overcome them?

It was pretty challenging to get the creative and responsive elements right.

I overcame them by re-hashing the flex and grid basics and leveraging them across sections to achieve a consistent flow across multiple screens and devices. It was also challenging to leverage Tailwind classes because some of them malfunctioned. I thought it was a version issue but decided to substitute the classes for basic CSS.

What specific areas of your project would you like help with?

None. I simply hope to enhance the appeal of my skill set without having to over animate the website.

My process

Built with:

• Semantic HTML5 markup
• CSS custom properties
• CSS Flexbox
• Mobile-first workflow
• JavaScript promises and DOM Manipulation

What I learned: I learned how to use JavaScript promises in real time. Starting from how to send a get request ending with manipulating how the data is displayed on my page.

Continued development: I will always take every opportunity to hone my JavaScript Skills from intermediate to advanced concepts. I hope to grow into frameworks as I build.

Things I struggled with that I am still working on:

• when I initially built this, I used pure JavaScript. However, it proved challenging when I tried to add the functionality for the replies associated with individual comments. I am still learning frameworks so I can modify and improve that functionality but any suggestions regarding building it the old fashioned way are more than welcome.

Things I added that weren't expected of me:

• I created some modals - one that pops up when you've already upvoted a comment/reply and one that pops up when you've already downvoted them.
• Also added a hide reply button in case one would want to censor it for sensitive visitors. However, I intend to fix that feature since it isn't perfect yet - it was kind of a test run to see if I could do it, and so I did!

Areas of my code I am uncertain of:

• how well my reply elements were constructed;
• perfect coordination for responsiveness;
• how to assimilate it into a full stack application (SPA)

I had a bit of a hard time making the interactive states vanish when 'mark all as read' was selected but eventually figured it out.

I am looking to improve on the blockquote and make the hover state apply to only the blockquote instead of the whole card.