ARTi

AI art has devalued the work of artists in addition to stolen actual artists’ work to create cheap impressions of “art”, but what if AI could help artists? Instead of appropriation, ArtI uses AI for inspiration; using generated images, artists use ArtI to create and save plausible compositions and reference images for their next piece!

MVP 🎯

• User account registration and authentication
• User profile page:
  • Allows users to create and view their saved boards
• “AI image generator based on entered text” tab
  • Allows user to save generated images within a chosen board
• “AI-generated portrait” tab
  • Allows user to save generated images within a chosen board

Stretch Goals 🏁

• Download the generated images and boards onto device
• Post image(s) into a community space
  • Other users are able to like and comment on the post
  • User can choose to upload their resultant artwork
  • User can choose to upload their inspiration board

Tech Stack 📚

• Frontend 🎨:
  • Figma:
    • Figma basics tutorial
  • React.JS:
    • React.JS basics tutorial
    • React.JS intermediate tutorial
    • HTML & CSS:
      • HTML & CSS cheatsheet
      • Learn HTML & CSS here
• Backend 👾:
  • MongoDB (database):
    • Getting Started with MongoDB
    • MongoDB Crash Course
  • REST API:
    • REST API using NodeJS and MongoDB
• APIs ☁️:
  • Open AI’s Images API: first 1000 requests are free
  • Face Generator API: 20 requests/month are free
  • 100K Faces API
  • Fake Face API

Software to Install 🔗

• IDE: Visual Studio Code
• Version control: Git
• User interface: React
• API platform: Postman
• Backend API calls: Node.js
• Database: MongoDB
• Database: Express.js

Tutorials 🏫

• Frontend 🎨:
  • Forms in React (7:48:52 - 8:46:45)
• Backend 👾:
  • MERN User Authentication
  • Uploading imagesto database tutorial pt.1 and pt.2
• API Calls ☁️:
  • Build an AI [Human] Photo Generator tutorial
  • Open AI docs
  • Build An AI [Text-Based] Image Generator in JS tutorial
  • Generate Images using React and Dall-E API tutorial
  • Open AI Node.js Library

GitHub Cheat Sheet 🔄

Master Github Cheat Sheet

Command	Description
cd "ArtI"	Change directories over to our repository
git status	Outputs status of files
git add .	Finds all changed files
git commit -m "TestyTestTest"	Commit with message
git push origin "branch"	Push to branch
git pull origin "branch"	Pull updates from a specific branch
git branch	Lists branches for you
git branch "branch name"	Makes new branch
git checkout "branch name"	Switch to branch
git checkout -b "branch name"	Same as 2 previous commands together

Timeline 📆

• General 🏃:
  • Agree on member roles and app MVP (week 1)
  • Downloading software, setting up environment, and learning Git (week 1)
  • Weekly meeting where frontend and backend update each other and integrate code accordingly (weeks 2-8) Presentation preparation (weeks 8-10)
• Frontend 🎨:
  • Sign up for Figma and learn basics (week 1)
  • Make wireframes and revise them if needed (week 2-3)
    • Signup, login, user profile w/ saved boards, “AI image generator” page, and “AI-generated portrait” page
  • Learn the React.js (weeks 3-8)
  • Code UI for pages and integrate with backend accordingly (weeks 3-8)
    • Login and signup pages (week 3)
    • Learn how to use APIs + “Ai-generated portrait” page (weeks 4-5)
    • “AI image generator” page (week 6)
    • User profile w/ saved boards (weeks 7-8)
  • Create presentation (weeks 8-9)
• Backend 👾:
  • Learn basics for MongoDB (weeks 1-3)
    • Learn basics for Express
  • Set up databases based on user profile (week 3)
    • User account authentication (week 4)
    • Push user’s generated images from app to database (weeks 5-6)
    • Pull user’s post information from database to app’s “saved boards” feature (weeks 7-8)
  • Final integration of frontend and backend (week 8)

Additional Resources ✒️

• How to be successful in ACM Projects
• Web Design Inspiration - Dribble
• Git cheat sheet
• Git in-depth tutorial
• Git collaboration tutorial
• Postman setup tutorial
• Share graphics using Box
• Make presentations with either Pitch or Canva

The Team 🌟

• Zara Iqbal🎨

• Rommel Isaac Baldivas👾

• Shelley Sugiharto🎨

• Leon Zhang👾

• Susan Zhang - Project Manager

• Yun Ho Jung - Industry Mentor