Skip to content

joannalauu/styleMaster

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

StyleMaster

Effortless and fashionable outfits, picked in record time. Our mobile app was designed to allow the user to curate different outfits from reliable clothing store outlets easily! Runs on both iOS and Android.

How we built it

For the frontend of the mobile app, we used React Native with Expo, so it would work on both Android and iPhone. For the backend server, we used Flask with Python and followed RESTful guidelines. We created a web scraper with Playwright, and stored user information on Mongo DB Atlas. We also used SerpAPI to perform google image search – this allowed us to find e-commerce stores that were selling clothing similar to the outfit that the user likes.

Demo

Watch demo video here thumbnail

Screenshots

How to set up:

  1. Setup Expo environment according to Docs
  2. Run the following commands:

For macos:

cd frontend
npm install
npx expo start
cd ../backend
mkdir images/tops
mkdir images/bottoms
python -m venv venv
source venv/bin/activate
pip install -r requirements.txt
playwright install

For windows:

cd frontend
npm install
npx expo start
cd ../backend
mkdir images/tops
mkdir images/bottoms
python -m venv venv
venv\Scripts\activate
pip install -r requirements.txt
playwright install

How to run:

  1. Start the backend server by running python3 app.py in the /backend terminal.
  2. Start the frontend Expo app:
    • Run npx expo start in the /frontend terminal and scan the QR code using the Expo Go app or enter in the URL

About

React Native app to pick fashionable outfits effortlessly

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors