Full Stack Camp

[media, no text]

Our Bot is backkk after being down for some time Big shout out to @EthioDeploy 🫡🫡

[media, no text]

Part 5 --- Logout & Token Expiry Gracefully Handling the end of a user's session gracefully is just as important as logging them in. When a user intentionally clicks logout, the application must immediately clear the stored token from localStorage and reset the global state to null, instantly refle…

Part 4 --- Building the Full-Stack MERN Structure Connecting the frontend and backend into a cohesive MERN application requires careful coordination of ports, CORS policies, and environment variables. The React development server typically runs on port 5173, while the Express server runs on port 50…

Network topologies

Part 3 --- Protected Routes & Authorization (Frontend) Frontend route protection is the user-facing gatekeeper of your application, ensuring unauthorized visitors cannot manually type URLs to access restricted dashboards or admin panels. The pattern involves creating a wrapper component, convention…

Part 2 --- Axios Deep Dive: Instances & Interceptors While the native fetch API handles basic requests adequately, mature applications demand a much more robust HTTP client. Axios provides a superior API with request and response interceptor capabilities that act as middleware for every network cal…

Hello campers 💙 Hope your summer is going well. Big apologies for the post delayments 🙏 since we are finilizing our journey , from now on the contents will be short and introductory about deployments , security issues, AI , other stacks as a general.....

🌟 Week 9 Day 6 --- The Final Frontier: Axios, JWT & Full-Stack MERN Part 1 --- JWT Authentication Flow (Understanding the Backend) JSON Web Tokens are the modern standard for securing stateless APIs, particularly in MERN stacks where the frontend and backend are decoupled. The process starts when…

[media, no text]

How a Browser Turns a Website into a Screen You Can See When you type a website address (like google.com) into your browser and press Enter, the browser does a lot of work behind the scenes to show you the page. Here’s what happens, step by step: 1. Getting the files (Network) First, the browser f…

Article of the day Idempotency pattern A payment request can time out even after the server has successfully processed it. Since the client can't tell whether the operation completed, it retries the request. Without idempotency, that retry can result in the customer being charged twice. The solut…

React Hook Ecosystem – Quick Mapping Cheatsheet React's built-in hooks are primitives. For real-world apps, replace them with these specialized libraries: ✔️ Data Fetching (instead of useEffect + useState) → TanStack Query (or SWR). Handles caching, retries, and background refetching. ✔️ Global C…

Performance Testing Website performance directly impacts user retention, conversion rates, and search engine rankings - studies show that a 1-second delay can reduce conversions by 7% and customer satisfaction by 16%. Slow sites also hurt Core Web Vitals, which Google uses as ranking signals, me…