/ArtI

Primary LanguageJavaScript

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 📚

Software to Install 🔗

Tutorials 🏫

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 ✒️

The Team 🌟

  • Zara Iqbal🎨

  • Rommel Isaac Baldivas👾

  • Shelley Sugiharto🎨

  • Leon Zhang👾

  • Susan Zhang - Project Manager

  • Yun Ho Jung - Industry Mentor