Mocode is a mobile-first development platform offering a refreshing touch-friendly experience, similar to CodePen but designed specifically for mobile devices. Write HTML, CSS, and JavaScript to create a website, app, or tool from anywhere.
Try it out! It's completely free and unlimited.
- On-Screen Shortcuts: No more keyboard-diving for common programming symbols.
- Undo/Redo Buttons: Effortlessly undo or redo your actions.
- Select All Button: Especially useful for copying and pasting code from large language models.
- Customizable Interface: Reorder and resize your interface however you want.
- JavaScript Console Output: Easily catch and rectify JavaScript errors.
- Project Management: Manage multiple projects, including import and export functionality.
- Static Artifacts Generation: Create static artifacts from your project for easy deployment.
- Project Sharing: Share your projects easily through URLs.
- GitHub Integration: Experience seamless source control with GitHub.
- External Resources: Utilize external resources through cdnjs.
- PWA Install: Benefit from offline support through PWA installation.
Mocode has plans to grow and adapt to evolving web development trends. Potential future directions include support for webpack and popular UI frameworks like React. As WebContainers gain more traction, we might also add support for Node.js-based frameworks such as Express and Next.js.
Mocode's philosophy is centered around tailoring the user experience to the mobile platform. Unlike many platforms where mobile development is an afterthought, Mocode has been designed from the ground up with mobile-first principles. Its features aim to optimize workflows on mobile devices, making tasks like copying and pasting between apps effortless. This makes Mocode ideal for developing minimum viable products (MVPs), proofs of concept, and focused tools during commutes or trips where using a full-sized laptop is impractical. Mocode truly puts the mobile development experience at the forefront.
Mocode is built with Next.js. To run it locally:
- Clone the repository.
- Install the dependencies with
yarn. - Start the development server with
yarn dev.
For production builds:
- Build the project with
yarn build. - Start the production server with
yarn start.
Mocode can be deployed to Cloudflare. When deploying, ensure to set the node version to 16 and enable the node.js compatibility flag for preview and production builds within your environment variables on Cloudflare.
We are actively seeking contributors for Mocode. As a free and open-source project, we value and appreciate the time volunteers invest to help us improve. Feel free to submit issues and pull requests - your feedback is greatly appreciated!
Mocode is licensed under the MIT License, which allows for reuse, modification, and distribution of the code, provided that original copyright and permission notices are included. This means you're free to use Mocode however you see fit, as long as the original work is acknowledged.
Join the revolution in mobile development. Get Mocode now and experience the convenience and efficiency of coding on your mobile device.