Skip to content

Code_MarkDraw allows you to take code notes in markdown format and draw, using your mouse or a stylus.

Notifications You must be signed in to change notification settings

Miro-wq/Code_MarkDraw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Code_MarkDraw ✨

Description

Code_MarkDraw is a versatile web application that allows you to take notes in markdown format and draw on a canvas using your mouse or a stylus. Whether you're jotting down ideas, sketching diagrams, or combining both, MarkDraw offers a seamless and intuitive user experience.

Features

  • Markdown Editor: Write and preview notes in markdown.
  • Drawing Canvas: Sketch and annotate with a responsive canvas.
  • Save Notes: Store your markdown notes and drawings for later reference.
  • Easy to Use: Simple and clean interface for efficient note-taking and drawing.

Technologies Used:

  • Frontend: React, React-Markdown, Fabric.js
  • Backend: Node.js, Express, MongoDB
  • Styling: CSS

Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/markdraw.git
    cd markdraw
  2. Install dependencies for frontend:

    cd client
    npm install
  3. Install dependencies for backend:

    cd ../backend
    npm install
  4. Run the backend server:

    node server.js
  5. Run the frontend development server:

    cd ../client
    npm start

Contributions

Contributions are welcome! Feel free to open an issue or submit a pull request with your improvements.

About

Code_MarkDraw allows you to take code notes in markdown format and draw, using your mouse or a stylus.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published