Baseline Explorer

A beginner-friendly web app built with Python that demonstrates HTML tags, CSS properties and JS APIs how to use Baseline-approved features across modern browsers. This project helps students.

Comment

About the Project

Purpose & Inspiration

This project is created to help beginner web developers to confidently use features that are Baseline-approved — meaning they are safe, stable, and supported across all major browsers. Many learners struggle with compatibility issues while experimenting with HTML, CSS, JavaScript, and APIs. This dashboard makes it easier to explore and apply these technologies.

How It Works

Built using Streamlit and Python as the presentation layer, the dashboard organizes and displays key frontend technologies that meet Baseline standards. It includes:

  • HTML Tags – for structure and semantic layout
  • CSS Properties – for styling and responsive design
  • JavaScript APIs – for interactivity and dynamic behavior
  • Web APIs – for real-time data and enhanced functionality

Each item is presented with examples and practical use cases to help users understand how and why to use them.

What I Learned

  • How to identify and apply Baseline-approved web features.
  • How to combine frontend and backend tools in a beginner-friendly way.
  • How to build educational tools that simplify learning for others.

Challenges Faced

  • Selecting features that are truly safe across browsers.
  • Structuring the dashboard for clarity and ease of use.
  • Balancing simplicity with functionality for new developers.

Who Can Use This

This dashboard is ideal for:

  • Beginners learning HTML, CSS, JS, and APIs.
  • Students working on browser-compatible projects.
  • Educators teaching safe, standards-based web development.

Built With

Share this project:

Updates