An elegant, powerful online code editor and execution platform powered by the Piston API
- 🎨 Sleek Monaco Editor with syntax highlighting, autocomplete, and IntelliSense
- ⚡ Real-time Code Execution powered by Piston API
- 🔄 Multi-language Support for various programming languages
- 💾 Code Export - Download your code as ZIP files
- 🎯 Instant Feedback with integrated console output
- 🔒 Secure Code Storage with Appwrite integration
- Framework: React 18.3
- Styling: Tailwind CSS
- State Management: Redux Toolkit
- Editor: Monaco Editor
- Animations: Framer Motion & GSAP
- Icons: Lucide React
- Routing: React Router DOM
- Forms: React Hook Form
- Code Execution: Piston API
- Storage: Appwrite
- Deployment: Vercel
- Node.js (v16 or higher)
- npm or yarn
- Git
-
Clone the repository
git clone https://github.com/PrathamPatel25/PistonPad.git cd PistonPad
-
Install dependencies
npm install
-
Configure environment variables Create a
.env
file in the root directory:VITE_APPWRITE_URL=your_appwrite_url VITE_APPWRITE_PROJECT_ID=your_project_id VITE_APPWRITE_DATABASE_ID=your_database_id VITE_APPWRITE_COLLECTION_ID=your_collection_id ABSTRACT_API_KEY=your_abstract_api_key
-
Start the development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173
- Real-time collaboration features
- Custom themes support
- Code snippets library
- User authentication
- Project sharing capabilities
Pratham Patel
- LinkedIn: Pratham Patel
- GitHub: @PrathamPatel25
If you find PistonPad helpful, please consider giving it a ⭐️!