SuzanCodes

𝐋𝐞𝐚𝐫𝐧𝐞𝐝 𝐀𝐛𝐨𝐮𝐭 𝐂𝐫𝐞𝐚𝐭𝐢𝐧𝐠 𝐆𝐫𝐚𝐩𝐡𝐐𝐋 𝐀𝐏𝐈𝐬 𝐰𝐢𝐭𝐡 𝐀𝐩𝐨𝐥𝐥𝐨 𝐒𝐞𝐫𝐯𝐞𝐫! 🚀
code repo : https://lnkd.in/g_tSKXre
Notes: https://lnkd.in/gE_d937p
Here's a quick summary of the topics I covered:
✅ Setting Up GraphQL with Node.js and Apollo Server:
✅ Initialized a Node project.
✅ Installed Apollo Server and necessary packages.
✅ Created project structure and setup Apollo Server in index.js.
✅ Basic Terms:
-typeDefs
-Resolvers
-Schema
✅ Creating Schema and Resolvers:
✅ Defined schema in schema.js.
✅ Wrote resolver functions in index.js.
✅ Making Requests in Apollo Sandbox:
✅ Practiced sending queries and mutations.
✅ Mutations (Adding and Deleting Data):
✅ Defined Mutation type in schema.
✅ Created resolver functions for mutations.
✅ Updating Data:
✅ Used input types to group arguments for mutations.

👋This week has been a deep dive into several exciting technologies and concepts .Here’s a snapshot of my progress:⚡️

✅ Technologies in Focus :Building Twitter full stack clone to gain hands-on experience with GraphQL, PostgreSQL, Next.js, Google OAuth, Redis, Tailwind, AWS, Supabase, and TypeScript.

✅ GraphQL Server Setup:Successfully set up a GraphQL server using Node and Express.

✅ UI Development: Built a sleek Twitter UI leveraging the power of Tailwind CSS.

✅Microservices and Microfrontends: Explored the world of microservices and microfrontend applications with React.

✅Database Management:Set up PostgreSQL with Supabase and Prisma.

✅ JavaScript Deep Dive: Revisited and studied JavaScript topics more in-depth, including promises, async/await, the architecture of JavaScript, callback functions, and callback hell.

✅ Delved into the differences between static vs. dynamic languages, interpreted vs. compiled languages.

✅ System Architecture:Learned about single-threaded languages and the role of CPU cores.

✅ ECMAScript and HTTP Protocol:Studied ECMAScript standards and the HTTP protocol for creating HTTP API servers with Express.

Continuously learning and pushing boundaries in development. Looking forward to applying these skills and sharing more insights in the coming weeks⚡️

🚀 Just wrapped up an epic 3-day coding journey! 🎉

👨‍💻 Explored Routing & CSS Modules in :
✨ React Router for seamless navigation 🤩
💅 Styled React apps with CSS Modules ❤️‍🔥

⭐️ Built main pages & routes
🔗 Linked routes with Link & NavLink
🔍 Explored nested routes & URL parameters
🧵 Mastered query strings & programmatic navigation

Now, I'm all set to create something awesome! 🚀

🚀 DAY 70 of

🧠 Supercharged my React JS knowledge with the magic of HOOKS! 🪝

🔥 Unleashed the power of React Hooks and got a grip on the rules that keep things in line.

🎯 Mastered the art of initializing state using clever callback functions. No more guesswork!

🔗 Explored the wonders of useRef hook – a secret weapon for selecting and interacting with elements.

⏳ Learned how useRef elegantly preserves data between those exciting re-renders.

🎣 Took the plunge into the world of Custom Hooks – building blocks of efficient and reusable code.

📦 Packed a punch by integrating LocalStorage into my MovieApp for smarter data management.

💻 adventures are getting more thrilling by the day! Onwards and upwards! 💪🎉