coder_blaq's profile picture. "Frontend Developer | HTML, CSS, JavaScript, React | Sharing coding tips, Technical Writer, and developer journeys | Building the web, one pixel at a time 🚀"

Great Mind

@coder_blaq

"Frontend Developer | HTML, CSS, JavaScript, React | Sharing coding tips, Technical Writer, and developer journeys | Building the web, one pixel at a time 🚀"

Great Mind podał dalej

You can speak & write Latin? Me: Yes Write something. Me: Lorem Ipsum

StephanieInii's tweet image. You can speak & write Latin?

Me: Yes

Write something.

Me: Lorem Ipsum

Tech fam 👨‍💻👩‍💻 Got 60 secs to help me out? I'm running a quick survey—your input means a lot. 👉 docs.google.com/forms/d/e/1FAI… RTs appreciated 🙏


Day 13/100: Tables that talk! Built dynamic tables with Chakra UI: 🔹 Displayed data cleanly 🔹 Added sorting logic 🔹 Prepping pagination next From raw data to polished UI — we’re moving. #100DaysOfCode #ChakraUI #Nextjs #Frontend #WebDev


Day 12/100: Auth gates up! Today I set up authentication with NextAuth.js: 🔐 Connected sign-in flows 🛡️ Protected routes with middleware ✅ Basic session management working Security first, always. #100DaysOfCode #Nextjs #NextAuth #WebSecurity #Fullstack


Day 11/100: Pop-ups & Toasts Today was all about Chakra UI interactivity: 🔹 Built modals for user actions 🔹 Triggered toast notifications like a pro 🔹 UI feedback = smooth and responsive The interface is finally talking back. #100DaysOfCode #ChakraUI #Nextjs #Frontend


Day 10/100: Backend unlocked! Dived into API routes in Next.js today: 🔹 Created custom /api/hello route 🔹 Returned JSON responses 🔹 Prepping for backend integration next Next.js ain't just frontend—it's full-stack fire. #100DaysOfCode #Nextjs #API #WebDev #Fullstack


Day 9/100: Chakra got a whole vibe! Today I explored Chakra UI theming + dark mode: 🔹 Customized my color palette 🔹 Added a dark mode toggle 🔹 Watched my UI flip from day to night like magic Clean. Smooth. Responsive. In the kitchen 😋 #100DaysOfCode #Nextjs #ChakraUI


Day 8/100: Image Optimization Magic! Today I leveled up by using Next.js' built-in image optimization. Next.js's <Image> component is making my app faster and my images crisp—lazy loading, responsive sizes, all in one. #100DaysOfCode #Nextjs #WebDev #ImageOptimization


Day 7/100: One week in! Today’s focus: 🔹 getStaticProps & getServerSideProps 🔹 When and why to use them 🔹 Built a simple blog page Next.js is starting to click. #100DaysOfCode #Nextjs #React #BuildInPublic


Day 6/100: Slow day, but progress is progress. Didn’t do much, but I managed to: 🔹 Review API routes 🔹 Clean up file structure 🔹 Plan for deeper dive into data fetching Some days hit harder, but I’m still standing. No repeat. No surrender. #100DaysOfCode #Nextjs #React


Day 5/100: Leveling Up with Next.js! 🚀 Today I: 🔹 Implemented API routes 🔹 Refined dynamic pages 🔹 Dug into server-side rendering Exhausted but pushing through—no repeat, no surrender. Keep grinding! #100DaysOfCode #Nextjs #React #WebDev


Day 4/100: Still in the grind! 💻🔥 Today I tackled more of Next.js: 🔹 Pages vs Components 🔹 Layout structure 🔹 Basic styling with CSS modules Energy’s still low, but consistency > comfort. No repeat, no surrender. 🫡 #100DaysOfCode #Nextjs #React #Frontend #WebDev


Day 3/100: Completed! Been crazy busy and low on energy today—but no excuses. I still showed up and got it done. Continued my Next.js journey: 🔹 Dynamic routing 🔹 Link component 🔹 Navigating between pages Tired, but proud. Onward. #100DaysOfCode #Nextjs #React #WebDev

coder_blaq's tweet image. Day 3/100: Completed!

Been crazy busy and low on energy today—but no excuses. I still showed up and got it done.

Continued my Next.js journey:
🔹 Dynamic routing
🔹 Link component
🔹 Navigating between pages

Tired, but proud. Onward.
#100DaysOfCode #Nextjs #React #WebDev

Day 2/100 with Next.js ✅ Built global layouts, learned the server vs client game, and dropped my first interactive component. Next stop: smooth routing 👀 We go again tomorrow 💻🔥 #NextJS #React #BuildInPublic #100DaysOfCode

coder_blaq's tweet image. Day 2/100  with Next.js ✅
Built global layouts, learned the server vs client game, and dropped my first interactive component.
Next stop: smooth routing 👀
We go again tomorrow 💻🔥

#NextJS #React #BuildInPublic #100DaysOfCode

Day 1/100: Kicking off #100DaysOfCode with Next.js! 🚀 With my React background, I dove into: 🔹 Intro to Next.js 🔹 Set up my first project 🔹 File-based routing Also created a 21-day roadmap for my Next.js course—check it out below! 📅💻 #React #Nextjs #Frontend #WebDev

coder_blaq's tweet image. Day 1/100: Kicking off #100DaysOfCode with Next.js! 🚀

With my React background, I dove into:
🔹 Intro to Next.js
🔹 Set up my first project
🔹 File-based routing

Also created a 21-day roadmap for my Next.js course—check it out below! 📅💻

#React #Nextjs #Frontend #WebDev
coder_blaq's tweet image. Day 1/100: Kicking off #100DaysOfCode with Next.js! 🚀

With my React background, I dove into:
🔹 Intro to Next.js
🔹 Set up my first project
🔹 File-based routing

Also created a 21-day roadmap for my Next.js course—check it out below! 📅💻

#React #Nextjs #Frontend #WebDev
coder_blaq's tweet image. Day 1/100: Kicking off #100DaysOfCode with Next.js! 🚀

With my React background, I dove into:
🔹 Intro to Next.js
🔹 Set up my first project
🔹 File-based routing

Also created a 21-day roadmap for my Next.js course—check it out below! 📅💻

#React #Nextjs #Frontend #WebDev

💡 Back at it! 🚀 Life got busy, but I’m not letting that stop me. I’m officially starting my #100DaysOfCode journey! 🔥 For the next 100 days, I’ll be coding daily, sharing my progress, and building cool projects. Follow along and let’s grow together! #100daysofcoding


Coding is more about persistence than syntax. Errors, confusion, and imposter syndrome? Every dev faces them. The key is to keep going. ✅ Break it down ✅ Build projects ✅ Ask for help ✅ Embrace the struggle What’s your biggest coding challenge? #tech #CodingJourney

coder_blaq's tweet image. Coding is more about persistence than syntax.
Errors, confusion, and imposter syndrome? Every dev faces them. The key is to keep going.

✅ Break it down
✅ Build projects
✅ Ask for help
✅ Embrace the struggle

What’s your biggest coding challenge?

#tech #CodingJourney

Tech’s Biggest Problem: Digital Overload" Notifications, AI feeds, and endless updates—are we more productive or just more distracted? The future of tech isn’t just about innovation, but balance. Will we fix this, or stay stuck in the loop? #FutureOfTech #DigitalWellness


United States Trendy

Loading...

Something went wrong.


Something went wrong.