AureleCoding

French 🇫🇷 • Student in IT engineer preparatory class 💻 • Main account @__Aurele__

[AureleCoding @AureleCoding]

@Pediavenir Impossible y’a pas assez d’air pour qu’un hélicoptère puisse voler…

[Creapills 💊 @creapills]

Le projet Ocean Cleanup passe à l'action ! Cet immense filet de pêche veut éliminer 10 millions de kilos de déchets plastiques des océans d'ici fin 2023 🐠

En haut, le rendu numérique du projet en 2022.
En bas, les premières images du projet en application en septembre 2023.

[AureleCoding @AureleCoding]

🧵Thread: Creating a gravity button in React ⚛️🚀

[AureleCoding @AureleCoding]

🎉 here you have it, we've created an gravity button using React!
Thanks for reading!
If you have any questions, suggestions, or ideas, please feel free to share. 🚀💻

Source code : https://t.co/bTdf971eei

#React #FrontEnd #Coding #WebDevelopment

[AureleCoding @AureleCoding]

🧵Thread: Creating a gravity button in React ⚛️🚀

[AureleCoding @AureleCoding]

This CSS code defines styles 🖌️for the button. It describes the positioning, sizing, visual effects, and responsiveness based on mouse movement. So the use of CSS variables, var(--tx), var(--ty)) allows for dynamic adjustments, creating the gravity effect. 🚀

[AureleCoding @AureleCoding]

🧵 Thread: Creating a beautiful floating menu in React ⚛️🚀

In this thread, I'll explain how to create a menu similar to the one on https://t.co/7KDaN0Rwz8 using React. Let's go! 🔥

[AureleCoding @AureleCoding]

🎉 here you have it, we've created an elegant floating menu using React!
Thanks for reading!
If you have any questions, suggestions, or ideas, please feel free to share. 🚀💻

Link : https://t.co/PoBYZS9elu

#React #FrontEnd #Coding #WebDevelopment

[AureleCoding @AureleCoding]

🧵 Thread: Creating a beautiful floating menu in React ⚛️🚀

In this thread, I'll explain how to create a menu similar to the one on https://t.co/7KDaN0Rwz8 using React. Let's go! 🔥

[AureleCoding @AureleCoding]

We use the `hoveredLink` state to track the hovered link, and the `updateBarStyles` function to update the styles of the selection bar. This function uses `offsetLeft` and `offsetWidth` to position the bar correctly based on the active link. 💡🚀