Alex• 1,310
@AlexKolykhalov
Submitted
Alex
@AlexKolykhalov
All comments
- Alex• 1,310
@AlexKolykhalov
Posted
Hello everyone! Any comments are welcome.
Check app in offline mode.
0 - Boots 😺• 1,590
@adityaphasu
Submitted
What are you most proud of, and what would you do differently next time?
Hey everyone! It's been a while 😊
Well, I'm most proud of the PWA support that I could implement within this next.js project. One more step towards progressive web apps!
Currently, I'm using client-side API calls but for future projects, I would like to prioritize using the API dedicated routes and creating custom route handlers to enhance performance and SEO potentially ⬆️
I also implemented a toast when the links are shortened using Sonner!
What challenges did you encounter, and how did you overcome them?
The one challenge that made it difficult for me to implement the API was the API itself. I was running into CORS policy issues and the cleanuri API documentation doesn't really specify how to configure the requests... so I tested the API using postman and it did work but the result link returned by the API is very much prone to phishing attacks. As soon as I clicked that link...my antivirus started screaming at me and I decided to see the website anyway.. yup I shouldn't have... bad decision 💀
In the end, I just opted for a different API which is actually pretty safe and public so for anyone who wants to use that instead here's the repo for it: 1pt-co
The format returned by this API is very much aligned with this specific project so it helped a lot. One less state to maintain haha
What specific areas of your project would you like help with?
I'm still learning about accessibility and I've tried to implement it for this project but I'm still not sure if I've implemented it fully so any help with that is appreciated.
While lighthouse does help with the main accessibility issues it doesn't help with core ones apparently so I'd also like to know which tools you guys use to analyze the page for major accessibility issues.
It was a good project overall and I had fun! Any Feedback or suggestions are appreciated.
P.S I used Framer motion to animate the URLs so give it a go! 🪄
Alex• 1,310@AlexKolykhalov
Posted
Finally, where have you been?))) Good work, by the way!!
0 - Vishnu_31• 230
@vishnu-31
Submitted
Hello Everyone ,
Just now completed the Notification page challenge.
I have done almost everything.
I face difficulty in positioning the red dot on unread messages.
I could not make it the part of the paragraph so I have it as a separate flex item.
It will be helpful if anyone can point me in the right direction for this.
Thank you.
Alex• 1,310@AlexKolykhalov
Posted
0 - PFlorian Schaessens• 110
@Dolpheus89
Submitted
my biggest difficulty in this first challenge is learning Git ! and maybe there is a better way than cheating with margin and padding for center the Qr code !
Alex• 1,310@AlexKolykhalov
Posted
Hello! Look pretty good.
For centering element you can apply:
flexandjustify-content: centerandalign-items:centergridandplace-content: center- do this with
positionandtranslate
There are many ways.
Here are some videos about centering
0 - Boots 😺• 1,590
@adityaphasu
Submitted
Heyoo Everyone!
This was my first time using
useContext()hook in a project to pass around props instead of doing prop drilling. I've only used one context to just try it out and didn't add another one (which I was thinking of doing for the modal but that would've just made it more complex for me to manage 😆)Out of all the projects I've done using framer-motion this by far is probably the most fun one. It made me look more into other framer stuff like
<LayoutGroup>,layout, andLayoutIdand they did make the modal animations a lot smoother.✨ I hope you guys give the website a go to test out the animations and lemme know how the experience is! and any feedback on how I can improve the code is much appreciated. (especially the usage of
useContexthook and if I could've done it better)Thanks!
Alex• 1,310@AlexKolykhalov
Posted
Very good work!! Keep going!
1 - Realitales• 110
@Realitales
Submitted
Hello everyone,
I'd love to hear your feedback on my latest project!
Your insights would be immensely helpful! Thank you for your time and input! 🙏
Alex• 1,310@AlexKolykhalov
Posted
Hello, cool animation by the way!
Some tip to you.
To prevent resizing when you hover on links https://stackoverflow.com/questions/556153/inline-elements-shifting-when-made-bold-on-hover
Marked as helpful
0 @mkhamis266
Submitted
Alex• 1,310@AlexKolykhalov
Posted
Good luck on your looooong way!))
Marked as helpful
1- Melvin Aguilar 🧑🏻💻• 61,440
@MelvinAguilar
Submitted
Hi there 👋, I’m Melvin and this is my solution for this challenge. 🚀
🛠️ Built With:
- TailwindCSS
- npm - prettier
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. 😊✌️
Alex• 1,310@AlexKolykhalov
Posted
Perfect as always!! Did this atomic css classes tailwind framework? I'm I right?
Nice footer!! I'll take note.
1 @Grendaizo90
Submitted
Still have a problem with responsive behavior, maybe you could tell me about bad practices in my code, and about best pratices i should use.
Thanks in advance!!!
Alex• 1,310@AlexKolykhalov
Posted
Looks good, and the markup is also норм)
1- Melanie Silies• 10
@MelanieSilies
Submitted
Alex• 1,310@AlexKolykhalov
Posted
Hello, nice work!! Maybe some of my advices can help you to improve your html+css+js skills.
First of all seperate your body
<header></header>,<main></main>,<footer></footer>tags. It's for semantics.In your case
<main>and<footer>are needed.Secondly,
<br><br>... not needed. Configure you CSS file for the resentation of a document written in HTML.To remove you markup html errors you can check html in this site (just copy-paste you html). The presence of accessibility errors will show this extension
I think some of community members can say more.))
Keep going!!
Marked as helpful
0 - Carolina S.• 80
@miporins
Submitted
Hello! Completed this responsive challenge, and it was a great challenge to learn more about units and media queries. :)
I hope I was able to make it right, but if not, please leave your feedback, and I'll make sure to study more and improve my coding!
Thanks!
Alex• 1,310@AlexKolykhalov
Posted
Hi, Carolina, good job! Please add padding to the text section.
Marked as helpful
1
