https://github.com/tbgracy/art-vs-artist
An #artvsartist generator for artists
https://github.com/tbgracy/art-vs-artist
artvsartist canvas react typescript
Last synced: 25 days ago
JSON representation
An #artvsartist generator for artists
- Host: GitHub
- URL: https://github.com/tbgracy/art-vs-artist
- Owner: tbgracy
- Created: 2023-12-17T17:10:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-25T10:37:52.000Z (over 2 years ago)
- Last Synced: 2025-08-31T12:30:45.782Z (9 months ago)
- Topics: artvsartist, canvas, react, typescript
- Language: TypeScript
- Homepage: https://artvsartist.netlify.app/
- Size: 188 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖌️ AVA ⚙️
An Art vs Artist Generator that allows users to create side-by-side comparisons of their artwork and themselves, following the popular trend on social media. This project serves as a fun and creative way for artists to showcase their work alongside their persona.
## 🤔 Why
When the #artvsartist trend came in 2023, I didn't have the motivation to open my template on GIMP (Windows and Mac users may use Photoshop) to make my #artvsartist. So I searched for an online generator and stumbled upon Artstation's generator but you needed an account to use it. So (there is a lot of "so") I decide to make my own quickly. As I was still new to React, I found in it an opportunity to upskill.
## ✨ How to use
You can watch a demo of how to use it [there](https://youtu.be/UhW0ufMM3Pk), and test it yourself [here](https://artvsartist.netlify.app/).
## 🚀 Run locally
If you wanna try the project locally and mess around, follow the steps below.
### Clone the repo
```bash
git clone https://github.com/tbgracy/bubus
```
### Install all the dependencies
```bash
cd ./bubus
npm i
```
### Run the project
```bash
npm run dev
```
## 🤝 Contributing
### Submit a pull request
## 🗺️ Roadmap
- [ ] Dark mode (use context for state management and read a bit for inspiration before coding) (mampiasa radial gradient(s))
- [ ] SEO
- [ ] Add help section
- [ ] Add reset button
- [ ] Add language switch
- [ ] Add border customization