Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manavjain01/drawing-app
3rd Assessment of 75way technologies - Fullstack/Typescript
https://github.com/manavjain01/drawing-app
expressjs mongoose react typescript
Last synced: 9 days ago
JSON representation
3rd Assessment of 75way technologies - Fullstack/Typescript
- Host: GitHub
- URL: https://github.com/manavjain01/drawing-app
- Owner: ManavJain01
- Created: 2025-01-28T04:22:08.000Z (11 days ago)
- Default Branch: main
- Last Pushed: 2025-01-28T04:48:34.000Z (11 days ago)
- Last Synced: 2025-01-28T05:26:22.545Z (11 days ago)
- Topics: expressjs, mongoose, react, typescript
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drawing App
A simple and interactive drawing application that allows users to unleash their creativity by drawing shapes, adding text, and filling them with vibrant colors.
## Authors
- Manav Jain
## Description
The Drawing App is a user-friendly platform where users can create digital art effortlessly. Whether you're looking to sketch, doodle, or create professional designs, this app provides the tools to bring your ideas to life.
## Features
- **Draw Shapes**: Create various shapes like circles, rectangles, lines, and more.
- **Fill Colors**: Add colors to shapes or areas of your drawing to make it vibrant and eye-catching.
- **Add Text**: Insert customizable text to annotate or enhance your drawings.
## How to Use
1. **Start Drawing**: Select the drawing tool from the toolbar and draw directly on the canvas.
2. **Fill Colors**: Choose a color from the palette and click on the shape or area you want to fill.
3. **Add Text**: Use the text tool to type on the canvas. Customize the font, size, and color of your text.
## Tech Stack
- **Frontend**: React, Typescript, Material UI
- **Canvas API** for drawing and rendering.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/ManavJain01/Drawing-App
```
2. Navigate to the project directory:
```bash
cd drawing-app
```
3. Open `index.html` in your browser or run a local server if applicable:
```bash
npm start
```
## Future Enhancements
- Undo and redo functionality.
- Save and export drawings as images.
- Additional drawing tools like brushes and erasers.
- Integration with cloud storage for saving projects.
## License
This project is licensed under the MIT License.