SuzanCodes

Home
Nepal
Butwal
SuzanCodes

Sharing my Regular Coding Journey in Public!!🚀🧑‍💻
creating Credibility,nothing more😊

29/07/2024

𝐋𝐞𝐚𝐫𝐧𝐞𝐝 𝐀𝐛𝐨𝐮𝐭 𝐂𝐫𝐞𝐚𝐭𝐢𝐧𝐠 𝐆𝐫𝐚𝐩𝐡𝐐𝐋 𝐀𝐏𝐈𝐬 𝐰𝐢𝐭𝐡 𝐀𝐩𝐨𝐥𝐥𝐨 𝐒𝐞𝐫𝐯𝐞𝐫! 🚀
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.

16/07/2024

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

16/07/2024

𝗧𝗼𝗱𝗮𝘆, 𝗜 𝗱𝗲𝗲𝗽𝗲𝗻𝗲𝗱 𝗺𝘆 𝘂𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴 𝗼𝗳 𝗲𝘀𝘀𝗲𝗻𝘁𝗶𝗮𝗹 𝗕𝗮𝘀𝗵 𝗮𝗻𝗱 𝘁𝗲𝗿𝗺𝗶𝗻𝗮𝗹 𝗰𝗼𝗺𝗺𝗮𝗻𝗱𝘀, 𝗮𝘀 𝘄𝗲𝗹𝗹 𝗮𝘀 𝗽𝗼𝗿𝘁𝘀 𝗶𝗻 𝗰𝗼𝗺𝗽𝘂𝘁𝗲𝗿 𝘀𝘆𝘀𝘁𝗲𝗺𝘀! 🌐
-𝘽𝙖𝙨𝙝 𝙖𝙣𝙙 𝙏𝙚𝙧𝙢𝙞𝙣𝙖𝙡 𝘾𝙤𝙢𝙢𝙖𝙣𝙙𝙨
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
🔍 𝗜𝘁'𝘀 𝗳𝗮𝘀𝗰𝗶𝗻𝗮𝘁𝗶𝗻𝗴 𝘁𝗼 𝘀𝗲𝗲 𝗵𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝗰𝗼𝗻𝗰𝗲𝗽𝘁𝘀 𝗮𝗿𝗲 𝗶𝗻𝘁𝗲𝗴𝗿𝗮𝗹 𝘁𝗼 𝘁𝗲𝗰𝗵 𝗼𝗽𝗲𝗿𝗮𝘁𝗶𝗼𝗻𝘀.

14/07/2024

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

10/07/2024

🚀 Excited to announce the deployment of my full-stack Next.js project, GitHub Issue Tracker! Throughout this journey, I've mastered Next.js, TypeScript, and built beautiful UIs with Radix UI and Tailwind CSS. I've implemented
- RESTful APIs, integrated Prisma for database management
-added user authentication with NextAuth.js (Google Auth)
-sorting,filtering and pagination.
-tracking issues with sentry (https://sentry.io)
-Optimized with react cache (https://lnkd.in/dGbiJBtk)
-used recharts lib for charts component (https://lnkd.in/dYF6Waxg)
-toast message with react-hot-toast (https://lnkd.in/drxzKWkx)
- Using Tanstack query for Powerful asynchronous state management for TS/JS
-React Hook Form
-react-icons
-react-loading-skeleton
-react-markdown
-react-simplemde-editor
- classnames: A simple JavaScript utility for conditionally joining classNames together.
- axios -Promise based HTTP client for the browser and node.js
Learning to optimize for performance and SEO has been invaluable, alongside refining my project structuring and troubleshooting skills. Ready to apply these learnings to future projects! 💻✨
Check it out here: https://lnkd.in/dp8mHWwb

02/06/2024

✔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🌟

16/01/2024

Hello 2024👻

09/09/2023

Created a Project using

✶React-Leaflet library. ✶useReducer Hook

✶ContextAPI ✶React Router

✶styling with CSS Modules

DEMO: (not deployed yet as i have use local JSON-Server.Will deploy it after learning some backend)

Buidling this Project i Learned about::

✅Installing and Using React Router for Routing

✅Linking between Routes

✅Nested Route and Index Route

✅Storing State in the URL

✅Dynamic Routes with URL Parameters and reading query string

✅Using CSS modules for styling

✅Programatic Navigation with useNavigate Hook

✅Using Local JSON Server

✅Building this Project i Learned about:

✅Creating and Providing Context

✅Consuming the context

✅Using React-leaflet library

✅Using GeoLocation

✅Creating Fake Authentication system

✅Protecting Routes

✅Advance State management with useReducer and Context API
github : https://github.com/sujansince2003/Worldwise-ReactRouter-Project

02/09/2023

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

30/08/2023

Day 72 & 73 of
Creates a React Quiz App using useReducer Hook🪝 🚀
By building this project,useReducer hooks fundamentals and best practices are cleared now🔥🚀
Live here: https://lnkd.in/dpWqWvXm
Github: https://lnkd.in/dS6SK6wA

28/08/2023

🚀 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😵‍💫

27/08/2023

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

Address

Butwal

Website

http://linktr.ee/sujansince2003

Alerts

Be the first to know and let us send you an email when SuzanCodes posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to SuzanCodes:

Shortcuts

Want your business to be the top-listed Computer & Electronics Service in Butwal?

SuzanCodes

29/07/2024

16/07/2024

16/07/2024

14/07/2024

10/07/2024

02/06/2024

16/01/2024

09/09/2023

02/09/2023

30/08/2023

28/08/2023

27/08/2023

Address

Website

Alerts

Contact The Business

Shortcuts

Share

Category