https://github.com/ertugrulsertaslan/paint-app
This simple Paint application allows users to draw and showcase their creativity.
https://github.com/ertugrulsertaslan/paint-app
netlify reactjs tailwindcss vite
Last synced: about 2 months ago
JSON representation
This simple Paint application allows users to draw and showcase their creativity.
- Host: GitHub
- URL: https://github.com/ertugrulsertaslan/paint-app
- Owner: ertugrulsertaslan
- Created: 2024-06-05T16:32:48.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-08-21T14:20:28.000Z (9 months ago)
- Last Synced: 2025-02-15T22:29:48.608Z (3 months ago)
- Topics: netlify, reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage: https://vite-paint-app.netlify.app
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Paint App 🎨
This simple Paint application allows users to draw and showcase their creativity. The project features basic drawing tools, and users can choose from different colors and brush sizes.
## Demo 🌐
[paint-app.netlify.app](https://vite-paint-app.netlify.app/)
## Screenshots 📸
## Features ✨
- **Drawing Tools ✏️🖌️**: Ability to draw with various tools like pen, brush, fill, etc.
- **Color Selection 🎨**: Users can choose from different colors.
- **Brush Size Adjustment 🖌️**: Different brush sizes can be selected for drawing.
- **Save and Share 💾📤**: Drawings can be saved and optionally shared on social media platforms.
## Technologies Used 💻
- 💻 [React.js](https://reactjs.org/) - JS library for crafting user interfaces
- 📦 [Vite](https://vitejs.dev/) - Module bundler
- 🎨 [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework
- 🌐 [Netlify](https://www.netlify.com/) - Hosting service for static web apps
## Install & Build 🔧
Prerequisites
- Install Node.js ⚙️
- Clone the repo 🔄
📦 After cloning the repo install dependecies with
```sh
npm i
```
📡 To run development server use dev script
```sh
npm run dev
```
🔧 To build use build script
```sh
npm run build
```
after running scripts go to http://localhost:5173 with your browser to use the app. 🌐
## License 📄
[MIT](https://choosealicense.com/licenses/mit/)