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.

when we run ping youtube.com as terminal command
we get its IP 142.250.207.238
but when i try it in browser it will open google.com.lets see how this is happening a basic overview i learned today::

For example , when I ping youtube.com, I get its IP address 142.250.207.238. However, when I enter this IP in a browser, it opens google.com. This happens because a single IP address can host multiple domains, like youtube.com and gmail.com.
When a request reaches the server at that IP, the backend server determines which domain the request is coming from. It then routes the request to the actual IP address of the specific application. This way, a single server can host multiple domain applications, and the server handles and forwards the requests based on the domain.

https://lnkd.in/ddPyn4EB

𝗧𝗼𝗱𝗮𝘆, 𝗜 𝗱𝗲𝗲𝗽𝗲𝗻𝗲𝗱 𝗺𝘆 𝘂𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴 𝗼𝗳 𝗲𝘀𝘀𝗲𝗻𝘁𝗶𝗮𝗹 𝗕𝗮𝘀𝗵 𝗮𝗻𝗱 𝘁𝗲𝗿𝗺𝗶𝗻𝗮𝗹 𝗰𝗼𝗺𝗺𝗮𝗻𝗱𝘀, 𝗮𝘀 𝘄𝗲𝗹𝗹 𝗮𝘀 𝗽𝗼𝗿𝘁𝘀 𝗶𝗻 𝗰𝗼𝗺𝗽𝘂𝘁𝗲𝗿 𝘀𝘆𝘀𝘁𝗲𝗺𝘀! 🌐
-𝘽𝙖𝙨𝙝 𝙖𝙣𝙙 𝙏𝙚𝙧𝙢𝙞𝙣𝙖𝙡 𝘾𝙤𝙢𝙢𝙖𝙣𝙙𝙨
Exploring commands like ls, cd, mkdir, vm, cat, touch, cp, mv .etc and has been incredibly enlightening. These commands are crucial for efficient file navigation and management in Unix/Linux environments.
Check out my detailed notes here. https://lnkd.in/dDZnzS8h

-𝗣𝗼𝗿𝘁𝘀 𝗶𝗻 𝗖𝗼𝗺𝗽𝘂𝘁𝗲𝗿 𝗦𝘆𝘀𝘁𝗲𝗺𝘀
also learned about ports and their role in network communication. Ports like HTTP (80), HTTPS (443), and SSH (22) are vital for configuring network settings and ensuring secure communication.
Check out my detailed notes here: https://lnkd.in/dVAuZV_5
🔍 𝗜𝘁'𝘀 𝗳𝗮𝘀𝗰𝗶𝗻𝗮𝘁𝗶𝗻𝗴 𝘁𝗼 𝘀𝗲𝗲 𝗵𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝗰𝗼𝗻𝗰𝗲𝗽𝘁𝘀 𝗮𝗿𝗲 𝗶𝗻𝘁𝗲𝗴𝗿𝗮𝗹 𝘁𝗼 𝘁𝗲𝗰𝗵 𝗼𝗽𝗲𝗿𝗮𝘁𝗶𝗼𝗻𝘀.

👋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⚡️

✔Learned how api routes are defined in nextjs🤖
✔ Validation with ZOD⚡
✔ Making HTTP request in api handlers in next js api routes✅
✔Intro to Prisma with MongoDB🌟

Hello 2024👻

🚀 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 71 of
⭐️Introduced to useReducer Hook for state
management
⭐️learned about dispatch,state object,reducer
function,actions and payload
⭐️got ideas about it use cases
⭐️Implemented it in a mini project
more to learn about it😵‍💫

🚀 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! 💪🎉