TrueTone - Seasonal Colour Analysis Asssistant

About

TrueTone is a mobile app designed to bring seasonal colour analysis to your fingertips, no expensive consultations and no need to fly to Korea! This app is aimed for Gen Z fashion lovers to help make wardrobe choices by identifying which colours truly complement their natural tones.

This project is built using React Native (Expo), ensuring a smooth experience on both iOS and Android devices. It combines UX research, user surveys, and interviews to ensure that the app looks and feels right for the people who will actually use it!

📁 Contents of This Repository

• assets/ – Contains images and media assets used in the app.
• components/ – Reusable React Native components.
• screens/ – Different screen layouts used in the app.
• App.js – Main application entry point.
• package.json – Lists project dependencies and scripts.
• Other configuration files for Metro, Babel, etc.

---

🚀 How to Run This App

This project is designed for mobile use and is not distributed as a traditional executable (e.g. .exe or .app). Instead, it runs via the Expo Go app on Android or iOS.

Prerequisites

• Install Node.js
• Install Git
• Install Expo CLI:

  npm install -g expo-cli
  

Steps to Run

1. Clone the GitHub repository:

   git clone https://github.com/denisepetalino/TrueTone
   cd TrueTone
   

2. Install dependencies:

   npm install
   

3. Start the Expo development server:

   npx expo start
   

4. Scan the QR code shown in the terminal or browser with the Expo Go app on your mobile device to launch the application.

---

📦 Dependencies

The application uses the following key dependencies:

• @babel/core
• @cloudinary/url-gen
• @react-native-async-storage/async-storage
• @react-native-community/cli
• @react-navigation/native
• @react-navigation/native-stack
• axios
• expo
• expo-font
• expo-image-picker
• expo-linear-gradient
• expo-location
• expo-status-bar
• react
• react-native
• react-native-base64
• react-native-confetti-cannon
• react-native-maps
• react-native-reanimated
• react-native-safe-area-context
• react-native-screens

---

🔗 Supporting Material Links

• GitHub Repository (full source code):
  https://github.com/denisepetalino/TrueTone

• Figma UI Design Prototype:
  https://www.figma.com/design/d0mJGFzYhQHDAqUuvBAmqL/TrueTone

• Google Forms Survey (Survey):
  https://forms.gle/obC3aV2Zp3NFwZo9A

• Google Forms Survey (User Feedback):
  https://forms.gle/yJFdp4Widkj9NqZ6A

---

📄 Notes

• No compiled executable is provided, as this is a mobile application using Expo.
• If you encounter any issues running the app, please refer to the official Expo Documentation.