Awesome

Remake is an open-source framework for creating editable web apps with just a few custom HTML attributes.

💎 Simple, easy-to-learn syntax<br> 👨‍👩‍👧‍👦 User accounts & database built-in<br> ✍️ Inline editing & uploads for all users<br> 🚫 No backend coding! (unless you want to 👩‍💻)<br>

<b><a href="https://docs.remaketheweb.com/">👉 Get started with the full docs! 📖</a></b>

🤔 Why Remake?

"Remake gives me an entirely new feeling of comfort around coding. It's what I imagine web development should be." — Arav Narula

Remake does what most frameworks do in 100 lines of code in 1 line of HTML.

<h1 object key:text="@innerText" edit:text>{{text}}</h1>

This 👆 is a full app that users can login to. Each user can edit & share their own copy of this site! 📰 📰 📰

👩‍🎨 Let people use something you designed — right away.

Remake is

Remake takes care of the rest: user accounts, persistent data, instant deployments, and routing. Each user gets their own account and data.

Remake feels like prototyping because it was designed to. The goal was to make web development feel like using a single template and a single JSON file.

Remake is open source. You own the code. There's no platform lock-in and you have 100% control over your app's design.

Highly secure authentication. And server-rendered, so your pages load quickly even on low-power devices and slow connections.

👩‍🏫 Get started

1. Install Node.js (12.16+)

2. Create a project using the Remake CLI

npx remake create my-app

3. Run the project

cd my-app
npm run dev

You now have an app running at http://localhost:3000. Your app's code is in the /app directory and your database is in the /app/data directory.

<b><a href="https://recipes.remaketheweb.com/">👉 Dive into the recipes 🤿</a></b>

👨‍🏭 What can you build?

Remake is perfect for building page builders, where each of your users can edit their own content.

• Todo app (Build time: 3 min)
• Trello clone (Build time: 27 min)
• Resume builder (Build time: 42 min)
• Reading list builder (Build time: 31 min)

<b><a href="https://ideas.remaketheweb.com/">👉 Other project ideas 👩‍💻</a></b>

💾 Tech Stack

✨ Built on Express.js<br> ✨ Uses Passport.js and Bcrypt to secure user accounts<br> ✨ Handlebars renders templates server-side<br> ✨ One-click file uploads with express-fileupload<br> ✨ One line instant deploy with remake deploy<br> ✨ Syncs client state and server state automatically<br> ✨ Built-in inline edit popovers<br>

🚀 Remake’s Mission

⚖️ Remake's goal is to equalize power on the internet.

A few companies own the platforms the rest of us publish on — but owning our own platform is usually out of the question. Remake lets you build your own platform with very little effort — using just HTML & CSS.

<b><a href="https://discord.gg/FB3gNxw">👉 Join our Discord community 💬</a></b>

👩‍💻 Contributing

Remake is open-source and contributions are desired 😍

If you identify with Remake's mission, we'd be delighted to have you:

• Test & report bugs
• Suggest features / fix issues
• Improve the documentation
• Or just email me!

<b><a href="https://github.com/remake/remake-cli/issues/new?assignees=&labels=&template=feature_request.md&title=My%20first%20issue">👉 Create your first issue</a></b>

👩‍💻 Our Contributors

• Andrew de Jong
• Grady O'Connell
• Alyssa X
• Painatalman
• Joe Masilotti
• Catalin Tudorache

🧪 Cross-Browser Testing

This project is tested with BrowserStack.