iHateReading — software development tutorials

iHateReading is a software development learning platform that breaks programming topics into step-by-step threads, roadmaps, templates, and curated developer resources. The homepage lists practical tutorials for React, Next.js, Node.js, JavaScript, TypeScript, AI tooling, and product engineering. Each thread is a short, structured walkthrough you can skim, bookmark, and reuse while building. Use iHateReading when you need a concrete implementation path rather than a long essay: how to add auth, ship a SaaS starter, submit a product to directories, follow a frontend or backend roadmap, or scan GitHub trending repositories. Start from the article index at /blog, or the machine-readable list at /articles.json. Continue to Explore for curated blogs, Roadmaps for skill paths, Store for website templates, Jobs for developer roles, and SaaS Directories for launch lists. Machine-readable index: https://ihatereading.in/llms.txt. Latest articles JSON: https://ihatereading.in/articles.json. RSS: https://ihatereading.in/rss.xml (also /feed.xml). Blog sitemap: https://ihatereading.in/sitemap-blogs.xml. Sitemap index: https://ihatereading.in/sitemap_index.xml. About: https://ihatereading.in/about.

Machine-readable index: https://ihatereading.in/llms.txt. XML sitemap: https://ihatereading.in/sitemap.xml. Agent instructions: https://ihatereading.in/agent-instructions.md.

Home / Articles

Articles

334 software development threads on iHateReading. Canonical URL pattern: /t/{slug}. Also available as RSS and articles.json.

  1. Nov 18, 2022

    Redesigning India’s most-used website

    Let me know what you think of the redesign/final outcome. Conclusion This final product is more appealing, easy to navigate and easy to read. The easy-to-searc…

    Read thread
  2. Nov 17, 2022

    Developers Dev.to is for you

    I crossed 500 followers on devto faster than on medium in 2 months. Under the Hood I have been writing on the medium since January 2021, it’s been almost 2 yea…

    Read thread
  3. Nov 16, 2022

    Web3 application tech stack

    Web3 application tech stack — a step-by-step software development thread on iHateReading.

    Read thread
  4. Nov 15, 2022

    Etherscan clone

    Rendering transactions The next and last part is to use our custom hook and render all transactions. We will show 4 key-value pairs and render the items in the…

    Read thread
  5. Nov 14, 2022

    Full Stack Web3 Project

    Video reference The story is interesting that I how I get to know about the video I’ve watched. I am adding the video link with the interesting story behind it…

    Read thread
  6. Nov 11, 2022

    Smart contract for voting app

    You can deal with hardhat or truffle choice because both are the environment/framework to write and deploy smart contracts. What matter is the logic part and d…

    Read thread
  7. Nov 10, 2022

    Smart contract for document registry

    Add Document The hash value should be hashed document, you can create it on the client side or on the server. The method to verify or get a document's last par…

    Read thread
  8. Nov 6, 2022

    Create massive random data using faker.js

    What is Faker.js? It's an easy guess for everyone, it will help to generate a massive amount of fake data. Faker provide fake data for 6 domains ranging from Y…

    Read thread
  9. Oct 25, 2022

    How Twitter Shows Link Cards

    Detect your website metadata I’ve developed an API to detect the metadata of your own custom domain, here is the link to check your website metadata . If your …

    Read thread
  10. Oct 22, 2022

    Responsiveness in Material UI a love & hate story

    Hate & more HateI mean we tried to add media queries, edge cases and bla bla whatnot else. But how here and there some kind of screens get broken or not fi…

    Read thread
  11. Oct 22, 2022

    Responsiveness in Material UI a love & hate story

    Hate & more HateI mean we tried to add media queries, edge cases and bla bla whatnot else. But how here and there some kind of screens get broken or not fi…

    Read thread
  12. Oct 18, 2022

    React Query Easy to add Pagination

    How to add Pagination Let's divide methods into 2 stages one is the API call and another one is the pagination or page number. API call to fetch dataAPI call w…

    Read thread
  13. Oct 17, 2022

    Top 4 Web3 Browsers

    Opera Web3 Browser Web3 browser to connect wallets, interact with Dapps and enjoy a private seamless experience. Opera provides a web3 browser with a secure cl…

    Read thread
  14. Oct 14, 2022

    3 things to take care when joining startups

    If the company thinks a lot before giving you an offer letter then what is the point of not thinking at least twice about the company's future before joining? …

    Read thread
  15. Oct 12, 2022

    Dolt Introduction - 5 things about Version Control SQL Database

    Installation Actually installing dolt is quite easy and flexible. We download and compile the 50mb size program and can be installed via the following methods …

    Read thread
  16. Oct 11, 2022

    3 Steps to Developing a Carousel Using react-spring

    In just 3 steps we will develop the custom carousel for our react application. The library we will use is react spring but you can work with framer motion or r…

    Read thread
  17. Oct 8, 2022

    Hardhat vs Truffle - Framework for smart contract development in 2022

    Extensibility & Plugins Truffle already comes with waffle, ganache and contracts, test, migrations and so on. Whereas hardhat is more flexible as everythin…

    Read thread
  18. Oct 6, 2022

    11 portals for web3 jobs

    Startup Jobs https://startup.jobs/remote?remote=true&q=web3+ PompCryptoJobs https://pompcryptojobs.com/ DeFi Jobs https://www.defi.jobs/ Froog https://froo…

    Read thread
  19. Oct 5, 2022

    10 things about RainbowKit - Best way to connect a wallet in web3 application

    Adding your functionality — Further steps Now the user has connected their wallets we can start building the rest of the applications using Wagmi. Send transac…

    Read thread
  20. Oct 4, 2022

    7 steps to deploy your frontend repository in a single click

    Installing Integration We will now install the integration we have just created. 2 ways in which the installation can be achieved — We will be following the ex…

    Read thread
  21. Oct 2, 2022

    24 Hours web3 Hackathon

    How it begins I’ve already broken the ice, it all begins when my friend landed a good job as a web3 developer. But the story starts from here, I am in touch wi…

    Read thread
  22. Oct 1, 2022

    4 must things to improve your development process

    Icon libraries, UI library and Tailwind CSS I use Tailwind CSS for styling, material UI as the UI library and react-icons for the icons for our website iHateRe…

    Read thread
  23. Sep 30, 2022

    13 steps to understand how do client-server talk securely?

    Ever wondered Well, this question arrives in my mind way back. When I was new to the servers and clients, I always use to think about how they even talk to eac…

    Read thread
  24. Sep 29, 2022

    7 steps to understand how websites are served on the internet

    Internet and how it works Firstly, the internet is not a browser. If you think the same, then let me rectify the mistake. Email, TCP, and browser are the servi…

    Read thread
  25. Sep 28, 2022

    Build and design powerful tables - React Tables Introduction

    Code examples for filtering, sorting, grouping, pagination, and third-party libraries such as material UI and framer-motion. https://react-table-v7.tanstack.co…

    Read thread
  26. Sep 27, 2022

    Moralis Introduction - Firebase for Web3

    Conclusion This is just the introductory story about Moralis, in future, you will see more stories about Moralis so stay tuned and please do subscribe and have…

    Read thread
  27. Sep 26, 2022

    5 steps - How we will create Youtube Shorts page on our website

    Now the form with upload the data to the database either Firebase or Supabase . This is what the final object looks like. This is what the final object looks l…

    Read thread
  28. Sep 26, 2022

    4 important yet underrated concepts to learn in-depth

    React Native Bridge I am pretty excited about it. I have worked for almost a year with React Native and covered almost most of the use-cases from payment to an…

    Read thread
  29. Sep 18, 2022

    5 things to know about all-in-one framework - Astro

    Astro's next-gen island architecture. Astro follows Island architecture under the hood. Meaning your entire webpage is an ocean containing different kinds of i…

    Read thread
  30. Sep 17, 2022

    4 things to understand new React Hooks for Ethereum developers called Wagmi

    Client Manage wallet connection states such as auto-connection, ethers providers and connectors. Link WagmiConfig You can consider it as the Provider. It uses …

    Read thread