Strokeshare

A drawing platform where creativity meets technology.

Overview

Strokeshare is a web-based drawing application built with Next.js and Konva.js that allows users to create, share, and collaborate on digital artwork.

Features

• Interactive Canvas: Create drawings using various colors and stroke widths.
• Export Options: Save your creations in multiple formats (PNG, JPG, SVG, STR).
• Custom Tools: Access specialized drawing tools like shapes, text, and freehand drawing.
• Responsive Design: Create on any device with tailored interface.

Tech Stack

• Next.js
• React
• Konva.js
• TypeScript
• Tailwind CSS

Prerequisites

• Node.js (>=18)
• PNPM package manager

Getting Started

1. Clone the repository

git clone https://github.com/yourusername/strokeshare.git
cd strokeshare

2. Install dependencies

pnpm install

3. Run the development server

pnpm dev

Open http://localhost:3000 with your browser to see the result.

4. Build for production

pnpm build

5. Run production build

pnpm start

6. Project Structure

• app - Next.js app directory with route components
• components - Reusable UI components
• fonts - Custom fonts including Excalifont
• hooks - Custom React hooks
• lib - Utility functions and shared code
• store - State management
• types - TypeScript type definitions

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the terms of the MIT License included in the repository.