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!
- 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
- 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
- Frontend 🎨:
- Figma:
- React.JS:
- Backend 👾:
- MongoDB (database):
- REST API:
- 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
- IDE: Visual Studio Code
- Version control: Git
- User interface: React
- API platform: Postman
- Backend API calls: Node.js
- Database: MongoDB
- Database: Express.js
- Frontend 🎨:
- Forms in React (7:48:52 - 8:46:45)
- Backend 👾:
- API Calls ☁️:
| 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 |
- 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)
- Learn basics for MongoDB (weeks 1-3)
- 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
-
Zara Iqbal🎨
-
Rommel Isaac Baldivas👾
-
Shelley Sugiharto🎨
-
Leon Zhang👾
-
Susan Zhang - Project Manager
-
Yun Ho Jung - Industry Mentor
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent