JavaScript Mastery’s Post

"Completed Day 13 of 30 Scaler 30-day-node-js Course 💫 . Today, I delved into the exciting world of WebSockets, enhancing my understanding through HTML integration. Discover more about this journey and explore my progress on GitHub. #NodeJS #WebSockets #HTMLIntegration #LearningJourney #ScalerDiscord #ScalerTopic" Check OUt my Github Repo : https://lnkd.in/gQAcPQDr

Just completed Day 10 of the #30DaysOfNodeJS challenge on Scaler's Discord! 🚀 Task: Built an Express app to serve static files from a 'public' directory, ensuring root access returns 'index.html'. 🖥️📂 Problem Statement: Create an Express application that serves static files (e.g., HTML, CSS, images) from a 'public' directory. Ensure that accessing the root ('/') returns the 'index.html' file from the 'public' directory. Check out my code on GitHub: https://lnkd.in/d_dvCSqW #NodeJS #ExpressJS #WebDevelopment #StaticFiles #CodingJourney #LearnInPublic

If you have the bolts and nuts of JS, then give this a whack. https://nextjs.org/learn

Excited to share the experience on my YouTube clone project inspired by the Namaste React course by Akshay Saini 🚀. Using JavaScript, React, Tailwind, and Redux Toolkit. 🎯 Implemented SideBar Toggling. 🎯 Infinity Scrolling. 🎯 Using YouTube and Google APIs to fetch video lists, video details, video comments, search suggestions, fetch videos by keywords. 🎯 Calling API with the redux toolkit, create caching inside the redux. 🎯 Live chatbox with dummy data and an input field where users can add dummy comments. 🎯 Firebase hosting. Thanks to Akshay Saini 🚀 for his valuable guidance throughout the course. Live Project link: https://lnkd.in/gHARygHB Github: https://lnkd.in/gtQCn2Kh #javascript #react

Day 4 of #100DaysOfCode --> Learn about React hook form library --> Build Login And Singup Page In React using TailwindCss --> Added some validation in Input's using library --> And learn about register and handleSubmit functions --> Raise One PR in Github #buildinpublic

Just conquered my first weather app using HTML, CSS, and JavaScript! This project was a great way to level up my frontend skills, but it wasn't without its challenges. The biggest hurdle? Wrestling with APIs for the first time. Learning how to interact with an API to fetch weather data and using async/await to handle asynchronous calls was a brain teaser, but rewarding. Now I can show you the current temperature, forecast, wind, and humidity based on the weather conditions. What do you think? Here is the link attached for the code which is on my github. https://lnkd.in/dsSDAyv8 #html #css #javascript #weatherapp #frontenddev #challenge #async #await #developerlife

Excited to share my new Medium article detailing how to host specific folders from a GitHub repository in a MERN stack project. I've successfully hosted both the backend on Render.com and the frontend on Vercel.com from a single Git Repository. Check out the detailed steps in the article! If you find it helpful, show some love by giving it a clap 👏🏻. Article Link : https://lnkd.in/dgr8EXAU #Medium #Hosting #Vercel #MERN #Github #Render #Backend #Medium

My first npm library 😎 🚀 Excited to announce the launch of nestjs-axios-retry – a dynamic module for NestJS that supercharges your HTTP request handling with robust retry functionality! 🌐💡 As developers, we've all faced the challenges of network instability and API rate limits, leading to failed HTTP requests. That's where nestjs-axios-retry steps in. It seamlessly integrates with NestJS's HttpModule and provides a resilient layer to your API interactions. Key Features: ✅ Easy integration with NestJS's HttpModule. ✅ Customizable retry conditions and delay strategies, including exponential backoff. ✅ Global and request-specific configurations for maximum flexibility. ✅ Enhanced reliability for your web applications with minimal configuration. Whether you're dealing with intermittent network issues or ensuring smooth communication between microservices, nestjs-axios-retry ensures that your HTTP requests are as fail-safe as possible. 🔗 Link to the library - [https://lnkd.in/gDsGZvhD] 📖 Dive into our blog for a detailed overview and usage examples: [https://lnkd.in/g4zqUpaa] I’m looking forward to seeing how nestjs-axios-retry empowers your projects. Feedback, contributions, and star gazes on GitHub are always welcome! 🌟 #nestjs #axios #webdevelopment #javascript #typescript #openSource #programming #softwaredevelopment #developercommunity

🍞 You think toasts are easy? They might be if you use Sonner This video shows some of the complex interactions expected for a toast component. Sonner is an opinionated toast component for React. Built and maintained by Emil Kowalski. Creator of other impressive libs like Vaul. Sonner brings a new approach to React toasts and is seamlessly integrated into the popular ShacnUI library (50K GitHub stars and growing). Comes ready with a variety of toast types: - Default - Description - Success - Info - Warning - Error - Action - Promise (waits for completion) - Custom And all the display positions: - Top-left - Top-center - Top-right - Bottom-left - Bottom-center - Bottom-right And some styles too: - Warning - Success - Error - Info Check out the library: sonner.emilkowal.ski #react #reactjs #webdevelopment #shadcnui #frontend #uidesign

Day 52 of #100DaysOfCode 💻 Continuing my journey with the Next.js App Router official course today! 🚀 📚 Explored the next 2 chapters: 1. Learned about:   - Various approaches to fetching data such as APIs, ORMs, SQL, etc.   - How Server Components can enhance access to backend resources securely.   - Understanding network waterfalls and their significance.   - Implemented parallel data fetching using a JavaScript pattern. 2. Explored topics like:   - Static rendering and its impact on application performance.   - Dynamic rendering and its optimal usage scenarios.   - Different techniques to make dashboards dynamic.   - Simulated a slow data fetch to understand its implications. Notice: The page loading may appear slow in the video demonstration due to the use of dynamic rendering. A 3-second delay was intentionally added to test dynamic rendering. In dynamic rendering, the application's speed is limited by the slowest fetch request. Check out the latest updates on GitHub: https://lnkd.in/dUqb9iHJ Excited to delve deeper into Next.js and continue building in the next 48 days! 💪 Explore my portfolio for more: maher-aladdin.me #100DaysOfCode #WebDev #Nextjs #Router #SoftwareDevelopment #CodeLife #TechUpdates #GitHub #DeveloperCommunity #ProjectProgress #TechSkills #ProgrammingJourney #ProgrammingLife