Epic PPPAAATTT

A generative art generator with various product-building demonstrations of web development

GETTING STARTED

To get started with this project, follow these steps:

Clone the repository to your local machine.
Navigate to the project directory.
Run npm install to install the necessary dependencies.
Copy environment variables cp .env.example .env (make changes to ADMIN env variables to your suiting, for instance GitGuardian won't let me commit a fake password)
Run npm run setup
Start the development server by running npm run dev.

Please keep in mind this is a personal project, not yet intended for a wide audience

login as adminUser set from seeds in prisma/seed.ts (if you want to change this then run npm run setup again)
from user dropdown in upper right navigate to Editor and select My First Artwork (created from seed)
add at least one design attribute for each category
add a layer, which will adopt the artwork design attributes
click on the layer name to select it and adjust the designs from there
move up/down, make visible/invisible, add/remove designs and layers to create different outputs on the artwork
creating a new version will save your progress
creating a new branch will allow you to explore a different creative pursuit

This was created as a personal project to achieve my goal of rapid development and deployment of scalable artistic projects in the marketplace
This was also created for personal development as a software engineer
Foregoing tests a bit to get the MVP out
Editor dashboard inspired by Figma dashboard UI

blog about code, art, why I'm doing this
demo video
rwd review
upload image assets to modify pixels into art (I've done this with former versions)
connect to shopify products
open app to many users
shareable links to artworks -- use v0 as a guide
import/export design types and layers to use interchangeably with other artworks
user collaboration

Name		Name	Last commit message	Last commit date
Latest commit History 807 Commits
.github		.github
.husky		.husky
.vscode		.vscode
app		app
other		other
prisma		prisma
public		public
scripts/fly.io		scripts/fly.io
server		server
tests		tests
types		types
.env.example		.env.example
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc.js		.prettierrc.js
README.md		README.md
components.json		components.json
fly.toml		fly.toml
index.js		index.js
package-lock.json		package-lock.json
package.json		package.json
playwright.config.ts		playwright.config.ts
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts
vitest.config.ts		vitest.config.ts