Skip to content
 
 

Repository files navigation

🎮 OpenPlayground

An open space for developers to build, share, and explore creative projects.

ECWOC 2026 License: MIT PRs Welcome Contributors

🌐 View Live Website


🚀 Quick Overview (TL;DR)

OpenPlayground is a community-driven platform where developers showcase their creativity through interactive web projects.

  • Goal: Lower the barrier for beginners to enter Open Source.
  • Activity: Build mini-apps (calculators, games, tools) using vanilla web tech.
  • Outcome: Learn by doing and get discovered by the community.

🛠 Tech Stack

We focus on the fundamentals to ensure everyone can participate:

  • Languages: HTML5, CSS3, JavaScript (ES6+)
  • Icons & Fonts: RemixIcon, Google Fonts (Poppins)
  • Deployment: GitHub Pages

🏗 How It Works (Project Flow)

  1. Explore: Browse the projects/ folder to see existing work.
  2. Setup: Fork and clone the repository to your local machine.
  3. Build: Create a dedicated folder for your tool and write your code.
  4. Register: Add your project's metadata to the main index.html to showcase it.
  5. Launch: Submit a PR and see your project live on the global site!

🤝 Contributing to ECWOC'26

We are officially part of ECWOC 2026! We welcome students and first-time contributors with open arms.

🏁 Step-by-Step Setup

  1. Fork this repository to your account.
  2. Clone your fork:
git clone [https://github.com/YadavAkhileshh/OpenPlayground.git](https://github.com/YadavAkhileshh/OpenPlayground.git)
cd OpenPlayground
  1. Create your project folder:
mkdir projects/my-awesome-project
  1. Develop: Add your index.html, style.css, and script.js.
  2. Submit: Open a PR and mention "Part of ECWOC 2026" in the description.

Important

New to Open Source? Read our detailed Contributing Guide for coding standards and PR rules.


📂 Project Structure

OpenPlayground/
├── projects/           # All community projects (Your work goes here!)
│   ├── calculator/
│   ├── tic-tac-toe/
│   └── your-project/
├── css/                # Global styles
├── js/                 # Global scripts
├── index.html          # Main website (Update this to list your project)
└── README.md

💡 Project Ideas (ECWOC'26 Starters)

Looking for inspiration? These are great for first-time PRs:

Level Ideas
Beginner Random quote generator, Color palette tool, Countdown timer
Intermediate Weather dashboard, Expense tracker, Memory game, Markdown previewer
Advanced Code editor, Music visualizer, Mini social network dashboard

✨ Featured Projects

Check out what the community has built so far:

  • Calculator - Functional with keyboard support.
  • Tic Tac Toe - Classic game with smooth UI.
  • Todo List - Task manager with persistence.

👥 Community & Support

  • Code of Conduct: We follow a strict Code of Conduct.
  • Get Help: Use Discussions for ideas or Issues for bug reports.
  • Show Love: Star this repository 🌟 to help more developers find us!

Top Contributors

Contributors


Made with ❤️ by the OpenPlayground Community

About

A community-driven platform where developers showcase projects as interactive cards and share what they build with the world.

Resources

Code of conduct

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages