Skip to content

Latest commit

 

History

History
59 lines (36 loc) · 3.4 KB

README.md

File metadata and controls

59 lines (36 loc) · 3.4 KB
Raw

Mocode

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.

Key Features

  • 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.

Planned Features

  • 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.

Future Scope

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.

Mobile Development Philosophy

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.

Running Mocode Locally

Mocode is built with Next.js. To run it locally:

  1. Clone the repository.
  2. Install the dependencies with yarn.
  3. Start the development server with yarn dev.

For production builds:

  1. Build the project with yarn build.
  2. Start the production server with yarn start.

Deploying to Cloudflare

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.

Contributing

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!

License

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.

Get Mocode

Join the revolution in mobile development. Get Mocode now and experience the convenience and efficiency of coding on your mobile device.