All solutions

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

Made with:

• HTML 🦴
• CSS 🎨
• JS 🤖
• for practice, I didn't use any libraries this time 🚫🚫
• mobile-first workflow 📲📲
• did my best to make it accessible 🦼
• made the custom buttons keyboard accessible ⌨️

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

Accessibility is a BIG problem for me. Usually I just don't have the patience to set up everything correctly for it, but this time I tried at least!! ☝️☝️

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

As always, if you notice anything, you know what to do 👇👇

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

Made with:

• HTML 🦴
• CSS 🎨
• JS 🤖
• used jQuery library 📘
• mobile-first workflow 📲📲

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

if you notice anything or have suggestions, you know what to do 👇👇

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

Made with:

• HTML 🦴
• CSS 🎨
• JS 🤖
• used jQuery and Showdown.js libraries 📚
• mobile-first workflow 📱📱
• you can save, edit and update docs 📃📃
• used prefers-color-scheme to match the site's theme with user preference
• used localStorage, so the editor will still have your files when you return to it after closing it

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

I took a something-like-React way to dynamically render elements from localStorage into the My Documents section, I wonder if there's an easier way to do it.

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

Made with:

• HTML 🦴
• CSS 🎨
• JS 🤖
• used jQuery, gsap libraries 📚📚
• used preferred-color-scheme
• mobile-first workflow 📲
• smooth scrolling provided by lenis
• clicking the synonyms will refetch the data with the synonym
• also implemented a scroll-to-top method when the synonyms are clicked
• time to build: about 5hrs

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

If you notice any bugs you know what to do 👇👇

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

Made with:

• HTML 🦴
• CSS 🎨
• JS 🤖
• GSAP, jQuery, SplitType, ScrollTrigger JS libraries 📚📚
• lenishelped out with the smooth scrolling 🧈
• mobile-first workflow 📲📲

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

If you notice anything you know what to do 👇👇

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

Made with:

• HTML 🦴
• CSS 🖌️
• JS 🤖
• Mobile-first workflow 📲📲

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

Animated Landing Page Made with:

• HTML 🔸
• CSS 🔹
• JS 🟨
• I used jQuery, GSAP, ScrollTrigger, SplitType, and Lenis libraries 📚📚

Also created a pre-loader from the Fylo logo ⌛⌛

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

I'd appreciate if someone could enlighten me how the actual f*ck can you disable scrolling with JS

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

I was messing around with GSAP and ScrollTrigger , ended up animating the whole site 🤷‍♂️🤷‍♂️

Made with:

• Mobile-first development 📲📲
• HTML 🔸
• CSS 🔹
• JS 🟨
• used GSAP and its ScrollTrigger with Split-Type to animate 💨💨
• lenis took care of the smooth scrolling🧈🧈

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

Sadly it doesn't react well to screen-resize, if you have any idea how to fix it, you know what to do 👇👇

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

Made with:

• HTML 🔸
• CSS 🔹

Mobile-first development 📲📲

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

If you notice any bugs or you have suggestions hit me up with it 🙌

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

Made with:

• HTML 🔸
• CSS 🔹
• JS 🟨 (using jQuery)

Mobile-first development

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

-Made with:

• HTML🔸
• CSS🔹
• JS (using jQuery) 🟨

- Mobile-first workflow 📲

• I made the switch accessible with keyboard ⌨️⌨️
• added some animations to make it more dynamic and interesting 💨

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

If you notice any bugs or have suggestions hit me up with it 🙏

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

My workflow was:

-Mobile-first development 📱📱

Next time: I use easier method to place the SVGs

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

To place the loads of SVGs that comes with the project

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

I think I completed the challange but tell me if you notice anything

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

My workflow was:

-mobile first development 📲

-added some animation to make it more dynamic and interesting 💨

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

I think I completed the challange, but hit me up if you notice anything

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

I actually completed this challange weeks ago

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

I think the challange is completed, but hit me up if you notice anything

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

Probably the countdown implementation was the best part of the challange.

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

Any feedback is appreciated

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

I was lazy to do the nav hover-effect 🥱🥱 sorry about that 🤣🤣

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

any feedback appriciated