DEV Community: Sourav Halder

How I Built My First Flask Todo App in 15 Days (Just 2 Hours a Day)

Sourav Halder — Sat, 21 Mar 2026 06:33:53 +0000

About 15 days ago, one of my friends recommended that I start learning Python and Flask.

Honestly, I’m completely new to this side of development. Coming from a different background, a lot of things didn’t make sense in the beginning. I made many mistakes, got stuck multiple times, and had to restart parts more than once.

Instead of staying stuck in tutorials, I decided to try building something real — a simple Todo application.

The Hardest Part (First Few Days)

The first few days were the most confusing.

I spent almost 2 days just trying to understand how init.py works.

Then I struggled with:

How routing works in Flask
How configuration is structured
How different parts of the app connect together

Even basic things like:

Virtual environments (venv)
What requirements.txt actually does

…were not clear at all in the beginning.

These are small things, but if you don’t understand them, everything feels broken.

What Went Wrong

Nothing worked on the first try.

Routes kept breaking
Login system didn’t work initially
Session handling was confusing
Sometimes I didn’t even understand the error messages

There were moments where I thought I was doing everything wrong.

But I kept fixing one issue at a time.

What I Built

After going through all that, I was able to build a working Todo application with:

🔐 User Authentication (Login / Register / Logout)
✅ Create, Read, Update, Delete Tasks (CRUD)
📅 Due Date & Task Management
📊 Clean Dashboard UI
🧱 Modular & Scalable Project Structure
🔒 Session Management with Flask-Login

It’s not perfect, but it works end-to-end.

GitHub Repository

You can check the code here:
👉 https://github.com/souravion/flask-python-todo-app

What I Learned

These 15 days taught me more than just Flask:

Breaking problems into smaller parts helps a lot
Understanding basics (like venv, config) is important
Errors are part of the process, not something to avoid
Building something real teaches more than tutorials

Looking for Feedback

I know there are many things that can be improved in this project.

If you’re experienced with Python/Flask, I’d really appreciate your feedback:

What should I improve?
What should I learn next?

What’s Next

I plan to:

Improve code structure

Add more features
Learn more about backend best practices

Final Thoughts

This project is not perfect — and that’s okay.

It represents 15 days of confusion, mistakes, learning, and small wins.

Still learning. Still making mistakes. But moving forward.

💡 Every Developer Has Faced This Moment 😅

Sourav Halder — Tue, 04 Nov 2025 03:53:17 +0000

How to Keep Building When Your Backend Isn’t Ready

We’ve all been there.

You’ve spent hours perfecting your frontend — every pixel aligns, every animation flows beautifully. The buttons click, the modals slide, the interface looks chef’s kiss.

Then comes the real test: fetching live data from the backend.
You confidently open the console, hit “Fetch Data”… and boom —
❌ GET /api/data → 404 (Not Found)

The backend isn’t ready yet.
You message your backend teammate:

“Hey, can I get the API endpoint for users?”

And you get the classic reply —

“Working on it bro, will be ready soon 😅.”

Meanwhile, you’re stuck.
Your UI can’t display real data, you can’t test flow, and your sprint clock is ticking.
Welcome to the universal pain every developer has faced.

🧩 The Missing Piece: Mock APIs

A Mock API is a simple, powerful way to simulate a real backend while it’s still being built.
You define the structure — say, user data, blog posts, orders — and the mock API responds exactly like a real one would.

It helps you:
✅ Keep coding and testing even when backend isn’t ready.
✅ Save time during integration.
✅ Work independently — no more waiting.

And the best part? It takes just minutes to set up.

⚡ Enter jsontoall.tools

That’s exactly where jsontoall.tools
steps in.

It’s a lightweight web tool that lets you create instant Mock APIs from your JSON or schema — literally in seconds.

You just:

Paste your JSON schema (like { "id": "uuid", "name": "string" }).

Click “Generate Mock API”.

Boom — you get a working API endpoint instantly.

No backend setup.
No server configs.
Just pure productivity.

🧠 Real-World Example

Let’s say you’re building a user dashboard in Angular or React.
Your design looks great, but your GET /users endpoint isn’t live yet.

With jsontoall.tools, you can quickly mock something like:
[ { "id": "1", "name": "Sourav Halder", "email": "sourav@example.com" }, { "id": "2", "name": "Aditi Sharma", "email": "aditi@example.com" } ]

And get a ready-to-use
https://jsontoall.tools

🚀 Why Developers Love It

✅ No Sign-up Needed
✅ Works with JSON, YAML, or Schema
✅ Perfect for Angular, React, Vue, or even Postman testing
✅ Saves hours of waiting and context-switching

It’s like having your own instant backend generator — made just for frontend productivity.

🎯 The Takeaway

Software development is all about teamwork — but sometimes, timelines don’t align.
Why let a missing API stop your flow?

The next time your backend isn’t ready, don’t wait.
Mock it. Test it. Ship it.

developerlife #mockapi #frontend #backend #angular #react #webdevelopment #jsontoall #softwareengineering #productivity

Frontend Developers, Bookmark This NOW: Free Mock API Generator!

Sourav Halder — Tue, 02 Sep 2025 18:58:19 +0000

Sometimes in projects, the frontend needs to move ahead even before the backend is fully ready. That’s where having a quick mock API can save the day.

I recently discovered a free tool https://jsontoall.tools/mock-json-api that instantly turns a JSON Schema into a live Mock API — no setup, no servers, just provide your schema and get an endpoint 🚀.

It’s been a total game-changer for me:
✅ Rapid prototyping without waiting
✅ Testing UI with realistic data
✅ Building demos that feel “real”
✅ Faster collaboration across teams

Honestly, I wish I had this in my toolkit years ago. 😅

Now I’m curious — what’s your go-to tool to speed up frontend development & testing? Let’s share and build a resource list for the dev community!

Generate Mock JSON APIs Instantly with JSONToAll.Tools – Free Online Tool

Sourav Halder — Wed, 27 Aug 2025 18:46:26 +0000

As a developer, you often need APIs for testing, prototyping, or front-end development. But setting up a backend every time can be slow and tedious. That’s where a Mock JSON API Generator becomes a lifesaver.

JSONToAll.Tools offers a free online JSON Mock API Generator that allows you to generate mock APIs online instantly. Perfect for frontend testing, prototyping apps, or sharing test data with your team.
Why Use a Mock JSON API Generator?

A mock JSON API generator simplifies your workflow by:

Speeding Up Development
Generate ready-to-use APIs instantly, no backend required.

Testing Without a Backend
Perfect for frontend developers and QA testers who need fake APIs for testing JSON data.

Easy Sharing
Every generated mock API comes with a unique shareable link for seamless collaboration.

Key Features of JSONToAll.Tools Mock API Generator

Instant JSON API Generation: Create structured JSON data in seconds.

Customizable Responses: Define the JSON structure to match your app requirements.

Shareable Links: Share your mock API online directly with your team.

Free and No Signup Needed: Start generating mock APIs online for free.

Other Developer Tools: Explore JSON Viewer, JSON to CSV/YAML, and JSON to TypeScript Interface converters to enhance your workflow.

How to Generate a Mock JSON API Online

Visit JSONToAll.Tools Mock API Generator
.

Enter your JSON structure or sample data.

Click Generate API.

Copy your unique API link and integrate it into your project or share with teammates.

It’s simple, fast, and free — the ultimate mock JSON API tool for developers.

Who Can Benefit from This Free Mock API Generator?

Frontend Developers: Test UI components without waiting for backend APIs.

QA Testers: Generate multiple API responses for testing JSON structures.

Students & Educators: Practice API integration with fake JSON APIs online.

Startup Teams: Prototype apps quickly using mock JSON APIs online.

Start Using JSON Mock API Generator Today!

Stop wasting time building backend endpoints. Generate, test, and share mock JSON APIs online with JSONToAll.Tools
.

Whether you’re building a web app, testing frontend components, or teaching APIs, this free JSON API generator makes development faster and easier.

Free Mock API Generator: Build Frontend Without Waiting for Backend

Sourav Halder — Sun, 24 Aug 2025 18:51:14 +0000

As frontend developers, one common challenge we face is waiting for backend APIs to be ready. You want to test your UI, but the endpoints aren’t live yet. This slows down development, prototypes, and even hackathon projects.

To solve this, I built a Free Mock API Generator on JSONToAll.tools
— a simple tool that lets you generate live API endpoints from JSON in just a few clicks.

Why This Matters

Faster development: No more waiting for backend teams to finish APIs.

Collaboration ready: Share generated APIs with teammates instantly.

Learning & prototyping: Students and junior developers can practice real API calls.

Works with any frontend: React, Angular, Vue, Ionic — you name it.

How It Works

Paste or write your JSON data in the tool.

Click Generate API.

Get a live, sharable API endpoint.

Your frontend can immediately start consuming this endpoint. No server setup, no backend dependencies, and it’s completely free.

(For full implementation details, check out the API documentation
.)

Example Use Cases

Frontend development: Build UI components that rely on real data without backend APIs.

Hackathons & prototypes: Test features and ideas quickly.

Learning & experimentation: Understand API consumption and JSON handling without setting up a backend.

Startups: Validate ideas before investing in a full backend infrastructure.

Why Free Mock APIs Are a Game-Changer

Most developers spend unnecessary time creating dummy data or setting up local servers for mock APIs. With JSONToAll.tools, you can:

Save hours of development time.

Focus on building features rather than backend setup.

Collaborate seamlessly by sharing API links with your team.

Get Started

Check out the Mock API Generator
and speed up your frontend development workflow today.

I’d love to hear from fellow devs — how do you usually handle mock APIs in your projects?

Convert API JSON to TypeScript Interfaces in 1 Click ⚡

Sourav Halder — Sat, 16 Aug 2025 11:12:38 +0000

Convert API JSON to TypeScript Interfaces in 1 Click ⚡

If you’ve ever worked with APIs in TypeScript, you know the pain:

You receive a JSON response, and then you manually write out the interface for it. It’s boring, repetitive, and error-prone.

What if you could generate a TypeScript interface instantly from any JSON?

That’s exactly what JSONToAll Tools does 🚀.

🤔 The Problem

APIs often return complex JSON objects:

{
  "id": 1,
  "name": "Sourav",
  "address": {
    "city": "Kolkata",
    "pincode": 700001
  },
  "isActive": true
}

Manually creating a matching TypeScript interface takes time:

export interface Root {
  id: number;
  name: string;
  address: {
    city: string;
    pincode: number;
  };
  isActive: boolean;
}

⚡ The Fast Solution

With JSONToAll Tools, you simply paste your JSON → click convert → and get a fully typed interface instantly.

✅ Works with nested objects
✅ Automatically infers correct types
✅ Handles arrays
✅ Free to use

🎯 Example

Input JSON:

{
  "id": 101,
  "title": "Blog Draft",
  "tags": ["typescript", "json", "devtools"],
  "published": true
}

Generated Interface:

export interface Root {
  id: number;
  title: string;
  tags: string[];
  published: boolean;
}

🔥 Why It Matters

Saves hours of manual typing
Avoids silly mistakes in typing
Improves productivity for frontend & backend devs
Keeps your codebase consistent

✅ Try It Now

Stop wasting time writing interfaces by hand.

👉 Try the free tool here: JSON to TypeScript Interface Converter