Skip to content

srimadhuri18/OpenPlayground

 
 

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

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 39.8%
  • CSS 34.7%
  • HTML 25.2%
  • Python 0.3%