Rayan @Rayancodes

Architecture🎓| Self-taught coder | Completed CS50 | Doing #100DaysOfCode via the @TheOdinProject Australia Joined November 2023

Tweets

219
Followers

128
Following

153
Likes

1K

Rayan @Rayancodes

a year ago

Finished The Odin Project's Restaurant project using Webpack loaders and plugins. Just Getting the hang of optimizing and organizing my code!

1 0 9 256 0

Download Video

Week 2/10 of Learning UI: This week, I worked on designing a bakery project in Figma as part of The Odin Project (restaurant project). Feedback is welcome, so feel free to roast my work—I’m here to improve!

0 0 2 206 0

Download Image

Rayan @Rayancodes

a year ago

Wrapped up week 1 of UI/UX. Started with Figma and design systems from Code+Design. Got a brief understanding of how design is actually made, but having an issue previewing my prototype in Figma—it’s giving me a black screen🤷‍♀️

1 0 7 197 0

Download Video

Rayan @Rayancodes

a year ago

Just finished the Tic Tac Toe game from The Odin Project! 🎉 It took a while, but I'm thrilled with the progress I’ve made and how each project pushes me further.

0 0 10 314 0

Download Video

Rayan @Rayancodes

a year ago

Kicking off a 10-week journey to learn UI/UX design alongside The Odin Project! I’ll be sharing weekly updates on my progress and the projects I’m working on. Looking forward to seeing how much I can learn and grow!

2 0 5 177 0

Rayan @Rayancodes

a year ago

After working for so long on my Tic Tac Toe game, I’m thrilled to say I finally have a working version in the console! 🎉👾

2 0 11 188 1

Download Image

Rayan @Rayancodes

a year ago

Just finished the library project from The Odin Project! 🎉 Learned so much about JS object constructors and prototypes. Not much CSS yet, but I'm proud of the functionality!

0 0 7 342 0

Download Video

Rayan @Rayancodes

a year ago

Today, I wrapped up the HTML and CSS intermediate course of The Odin Project and created the admin dashboard! 🎉

1 0 12 347 2

Download Video

Rayan @Rayancodes

a year ago

Day 98-100 of #100DaysOfCode: Studied flex vs. grid, still a bit confused, but practice will help! I'm working on my admin dashboard project. It took me 200 days to finish #100DaysOfCode, but I'm glad I did it! 🎉 I'll post based on completed projects until my next attempt.

1 1 14 315 0

Download Image

Rayan @Rayancodes

a year ago

Day 95-97 of #100daysofcode: I've been practising some advanced grid positioning properties : Auto-fit / auto-fill Minmax()

0 0 7 101 0

Download Video

Rayan @Rayancodes

a year ago

Day 91-94 of #100DaysOfCode: Haven't been documenting much, but I've been deep into grid work. Finally created the Holy Grail layout using grid positioning.

0 0 11 123 0

Download Image

Rayan @Rayancodes

a year ago

Day 9️⃣0️⃣ of #100DaysOfCode: Finally learning about CSS grid, it's a game-changer! Learning the ins and outs, comparing it to flexbox - mind blown! ⚪️ Started crafting some basic grids today.

0 0 4 82 0

Rayan @Rayancodes

a year ago

Day 8️⃣6️⃣-8️⃣9️⃣ of #100DaysOfCode : Just finished the sigh-up form

1 0 16 330 0

Download Video

Rayan @Rayancodes

a year ago

Day 8️⃣5️⃣ of #100DaysOfCode: Into form validation today! Learned about built-in validations, streamlining input checks for a smoother user experience.

0 0 10 115 0

Rayan @Rayancodes

a year ago

Day 84 of #100DaysOfCode: ⚪️ form basics! Explored form ▫️elements, ▫️controls, and jazzed up styling. Fonts were especially fun to play with.

0 1 10 180 0

Download Image

Rayan @Rayancodes

a year ago

Day 8️⃣2️⃣&8️⃣3️⃣ of #100daysofcode : ▫️Browser compatibility ▫️frameworks ▫️preprocessors

0 0 5 89 0

Rayan @Rayancodes

a year ago

Day 8️⃣1️⃣ of #100daysofcode: ▫️Learning about CSS custom properties, their declaration, usage in rule declarations, and scoping. ▫️Root selector and ▫️media queries for responsive design. Facing a learning curve with CSS!

0 0 11 129 0

Rayan @Rayancodes

a year ago

Day 8️⃣0️⃣ of #100daysofcode: ⚪️ CSS functions! Today's lesson covers understanding the basic parts and mastering calc(), min(), max(), and clamp() functions.

0 0 10 143 0

Rayan @Rayancodes

a year ago

Day 7️⃣9️⃣ of #100DaysOfCode: ⚪️CSS positioning! Learning absolute, fixed, and sticky positioning, and understanding when to use each.

1 0 15 159 0

Rayan @Rayancodes

a year ago

Day 7️⃣8️⃣ of #100DaysOfCode : ⚪️advanced selectors ▫️the difference between pseudo classes and elements ▫️learnt different ways to select attributes or its parts