inksync Tailwind Templates

Inksync

A real-time Markdown editor built with React (Vite), Node.js (Express), and Tailwind CSS . It provides live preview, syntax highlighting, file download, and theme customization .

InkSyncπŸ“πŸš€

A real-time Markdown editor built with React (Vite), Node.js (Express), and Tailwind CSS . It provides live preview, syntax highlighting, file download, and theme customization .


πŸ“Œ Features

βœ… Real-time Markdown to HTML conversion

βœ… File download as .md

βœ… Rate limiting on backend for security


πŸ› οΈ Tech Stack

  • Frontend: React (Vite), Tailwind CSS, Remark-GFM
  • Backend: Node.js, Express, Remark-GFM, Helmet, CORS
  • Deployment: Vercel (Frontend) & Render (Backend)

πŸš€ Getting Started (Run Locally)

πŸ“Œ 1. Clone the Repository

git clone https://github.com/penandcode/inksync.git
cd inksync

πŸ“Œ 2. Setup Backend

npm install
npm start

πŸš€ Backend runs on: http://localhost:8082

πŸ“Œ 3. Setup Frontend

cd frontend
npm install
npm run dev

πŸš€ Frontend runs on: http://localhost:5173

πŸ“ API Endpoints

Method Endpoint Description
POST /convert Convert Markdown to HTML

Example Request:

{
  "content": "# Hello Markdown!"
}

Example Response:

{
  "html": "<h1>Hello Markdown!</h1>"
}

🎯 Deployment

Frontend

  • Deployed on Vercel
  • Build & Deploy:
    npm run build
    

Backend

  • Deployed on Render
  • Start server:
    node server.js
    

Top categories

Loading Svelte Themes