Simple Counter API - Flask Typing CST Test

Mode:

Duration:

Coding works best on desktop or with an external keyboard.

Simple Counter API — Flask Code

Demonstrates a simple Flask app with a counter API and HTML interface using routes and global state.

from flask import Flask, render_template_string, request

app = Flask(__name__)
count = 0

TEMPLATE = '''
<!DOCTYPE html>
<html>
<head><title>Flask Counter</title></head>
<body>
	<h2>Counter: {{ count }}</h2>
	<form method='post'>
		<button name='action' value='increment'>+</button>
		<button name='action' value='decrement'>-</button>
		<button name='action' value='reset'>Reset</button>
	</form>
</body>
</html>
'''

@app.route('/', methods=['GET', 'POST'])
def counter():
	global count
	if request.method == 'POST':
		action = request.form.get('action')
		if action == 'increment': count += 1
		elif action == 'decrement': count -= 1
		elif action == 'reset': count = 0
	return render_template_string(TEMPLATE, count=count)

if __name__ == '__main__':
	app.run(debug=True, port=5000)

Flask Language Guide

Flask is a lightweight, WSGI-based web framework for Python. It emphasizes simplicity, flexibility, and minimalism, allowing developers to build web applications and APIs quickly without imposing a specific project structure.

Primary Use Cases

▸RESTful API development
▸Backend for web/mobile applications
▸Microservices architecture
▸Prototyping and MVP development
▸Serving dynamic web content using templates

Notable Features

▸Lightweight and minimalistic core
▸Extensible via Flask extensions
▸Built-in development server and debugger
▸URL routing and request handling
▸Jinja2 template engine for rendering HTML

Origin & Creator

Flask was created by Armin Ronacher in 2010 as part of the Pocoo project, aiming to provide a simple and extensible Python web framework.

Industrial Note

Flask is preferred for projects requiring flexibility, lightweight architecture, or microservices without the overhead of larger frameworks like Django.

Quick Explain

▸Flask provides a micro-framework approach, giving only essential features by default.
▸It uses Werkzeug for WSGI and Jinja2 for templating.
▸Supports extensions for database integration, authentication, form validation, and more.
▸Built-in development server and debugger for easy testing.
▸Widely used for web APIs, microservices, and small to medium web applications.

Core Features

▸Routing with decorators (`@app.route`) for HTTP methods
▸Request and response objects for handling HTTP traffic
▸Template rendering with Jinja2
▸Support for sessions and cookies
▸Extension mechanism for adding functionality

Learning Path

▸Learn Python basics
▸Understand Flask app and routing
▸Use templates for dynamic content
▸Integrate extensions for database and auth
▸Deploy Flask applications to production

Practical Examples

▸Blog backend with CRUD operations
▸RESTful API for mobile apps
▸Authentication server with JWT
▸E-commerce backend with SQLite/PostgreSQL
▸Data visualization web dashboard using templates

Comparisons

▸Flask vs Django: Flask is lightweight and flexible, Django is full-featured and opinionated
▸Flask vs FastAPI: FastAPI supports async and type hints, Flask is synchronous
▸Flask vs Fastify: Flask is Python, Fastify is Node.js with high performance
▸Flask vs Tornado: Tornado is async-first, Flask is simple WSGI-based
▸Flask vs Pyramid: Pyramid is more configurable, Flask is minimal and simple

Strengths

▸Extremely flexible and lightweight
▸Large ecosystem of extensions
▸Easy to learn for Python developers
▸Rapid prototyping and development
▸Fine-grained control over components

Limitations

▸No built-in ORM or admin interface (requires extensions)
▸Not as scalable out-of-the-box as Django
▸Developers manage more components themselves
▸Lacks built-in authentication or authorization
▸Can become messy for very large applications without structure

When NOT to Use

▸Large enterprise apps requiring built-in admin, auth, and ORM
▸Projects needing async-first performance
▸Teams preferring convention-over-configuration frameworks
▸Applications requiring built-in security defaults
▸Projects that grow quickly without modular structure

Cheat Sheet

▸from flask import Flask -> import core
▸app = Flask(__name__) -> create app instance
▸@app.route('/') -> define route
▸app.run(port=5000) -> start server
▸Flask extensions -> add features

FAQ

▸Is Flask free?
▸Yes - open-source under BSD license.
▸Does Flask support async?
▸Partially - via Flask 2.x with async views.
▸Is Flask suitable for production?
▸Yes - with WSGI server like Gunicorn.
▸Does Flask include ORM?
▸No - use SQLAlchemy or other extensions.
▸How does Flask compare to Django?
▸Flask is lightweight and flexible, Django is full-featured and opinionated.

30-Day Skill Plan

▸Week 1: Python fundamentals
▸Week 2: Flask routing and templates
▸Week 3: Database integration with SQLAlchemy
▸Week 4: Authentication and APIs
▸Week 5: Deployment and scaling

Final Summary

▸Flask is a minimal and flexible Python web framework.
▸Provides routing, templating, and request/response handling.
▸Highly extensible via plugins and extensions.
▸Ideal for APIs, microservices, and small to medium web apps.
▸Lightweight, simple, and easy to learn for Python developers.

Project Structure

▸app.py - main application file
▸templates/ - HTML templates
▸static/ - static assets (CSS, JS, images)
▸extensions/ - optional modular extensions
▸routes/ or blueprints/ - for modular route organization

Monetization

▸Backend for SaaS products
▸API-as-a-service solutions
▸Subscription-based platforms
▸E-commerce backend
▸Enterprise microservices

Productivity Tips

▸Leverage Blueprints for modularity
▸Use extensions for common functionality
▸Automate testing and deployment
▸Cache data to reduce DB load
▸Monitor logs for early issue detection

Basic Concepts

▸Flask app instance - core object
▸Routes - define endpoints using decorators
▸Templates - render HTML via Jinja2
▸Extensions - add ORM, authentication, caching, etc.
▸Request/Response - manage incoming/outgoing HTTP traffic

Official Docs

More Flask Typing Exercises

Flask Hello World API Flask JSON Echo Flask Query Parameter Example Flask Route Parameter Example Flask Middleware Example Flask Async Example Flask Error Handling Example Flask Combined Middleware and Routes Flask Template Example

Practice Other Languages

C React Python C++Rust TypeScript Kotlin PHP Java C#Ruby Mql Cql N1ql Cypher

Simple Counter API — Flask Code

Demonstrates a simple Flask app with a counter API and HTML interface using routes and global state.

from flask import Flask, render_template_string, request app = Flask(__name__) count = 0 TEMPLATE = ''' <!DOCTYPE html> <html> <head><title>Flask Counter</title></head> <body> <h2>Counter: {{ count }}</h2> <form method='post'> <button name='action' value='increment'>+</button> <button name='action' value='decrement'>-</button> <button name='action' value='reset'>Reset</button> </form> </body> </html> ''' @app.route('/', methods=['GET', 'POST']) def counter(): global count if request.method == 'POST': action = request.form.get('action') if action == 'increment': count += 1 elif action == 'decrement': count -= 1 elif action == 'reset': count = 0 return render_template_string(TEMPLATE, count=count) if __name__ == '__main__': app.run(debug=True, port=5000)

Flask Language Guide

Primary Use Cases

▸RESTful API development
▸Backend for web/mobile applications
▸Microservices architecture
▸Prototyping and MVP development
▸Serving dynamic web content using templates

Notable Features

▸Lightweight and minimalistic core
▸Extensible via Flask extensions
▸Built-in development server and debugger
▸URL routing and request handling
▸Jinja2 template engine for rendering HTML

Origin & Creator

Flask was created by Armin Ronacher in 2010 as part of the Pocoo project, aiming to provide a simple and extensible Python web framework.

Industrial Note

Flask is preferred for projects requiring flexibility, lightweight architecture, or microservices without the overhead of larger frameworks like Django.