Mdcraft

screenshot of Mdcraft
svelte
vite

MdCraft - In-Browser Markdown Playground built upon Sveltekit and Typescript

Overview

MdCraft is an open-source web app that serves as an in-browser Markdown editor and previewer. It allows users to create, organize, and edit Markdown notes with a live HTML preview and code highlighting. MdCraft is a convenient tool for taking notes during programming tutorials and more.

Features

  • Folder-Based Organization: Users can create, rename, and delete folders to organize their notes efficiently.
  • Markdown Notes: Create individual notes inside folders, with the ability to rename and delete them.
  • Live HTML Preview: Edit the Markdown content of a note in a syntax-highlighted environment and instantly see a live HTML preview with highlighted code blocks.
  • Markdown Download: Notes can be downloaded in .md format, making it easy to save and share your work.
  • Data Persistence: All data is stored in IndexedDB, ensuring no data loss even if you refresh the page.
  • PWA Support: MdCraft is presented as a Progressive Web App (PWA) with full offline capabilities, making it accessible wherever you are.

Summary

MdCraft is an in-browser Markdown editor and previewer that offers features such as folder-based organization, live HTML preview, and data persistence. It is a useful tool for taking notes during programming tutorials and offers the convenience of downloading notes in .md format. With its PWA support, MdCraft can be accessed offline, making it accessible wherever you are. Installation is easy, requiring only a few steps to get started. Overall, MdCraft is a valuable tool for Markdown editing and note-taking.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.