Snippad | An Online IDE

Your personal, multi-language code playground in the browser.

🔗 Live Demo → snippad-vert.vercel.app

---

📚 Table of Contents

1. Introduction
2. Features
3. Tech Stack
4. Screenshots
5. Contribution
6. Author

---

1. Introduction 👋

Snippad is a sleek, multi-language online code playground powered by Judge0. With a modern interface, customizable themes, and support for file handling and persistent storage, it's the perfect space to write, run, and manage code snippets effortlessly — right from your browser.

---

2. Features ✨

• Modern Code Editor: Built with ReactJS and CodeMirror, supporting syntax highlighting and fullscreen mode.
• Multi-Language Support: Run C++, Python, Java, and JavaScript using the Judge0 API via RapidAPI.
• Customizable Themes: Choose from multiple themes for a personalized coding experience.
• File Handling: Upload/download code files and input/output text files with ease.
• Local Playground Storage: Save and manage multiple code snippets in local storage.
• Responsive Layout Styled with styled-components for a clean, flexible interface.

---

3. Technologies Used 🛠️

Frontend

• React.js for frontend framework
• Styled Components for styling
• Judge0 CE API to create and get submissions
• Rapid API for Judge0 CE API setup
• Axios to make API calls
• React Router for routing

---

4. Screenshots 📷

Homepage

Code Editor

---

5. Contribution 🤝

Contributions are Welcome!
If you’d like to improve a feature or fix a bug:

- Fork the repo 
- Create a new branch (git checkout -b feature-xyz) 
- Make your changes 
- Push and open a PR 

⚠️ Please ensure code is clean, readable, and follows the existing architecture.

---

6. Author ✍️

Abhinav Mishra – @CoderUzumaki

---