HexCode

HexCode is a color-palette generator mobile app for design inspiration, inspired by the Coolors tool. HexCode generates a palette of 5 random colors, which can be randomised based on the user's preference. The app functions on the frontend, and uses a randomiser function to randomise the colors on the screen.

Tech Stack

Frameworks, Tools & Languages

• React Native
• Expo
• JavaScript/TypeScript

Dependencies

• expo-router File-based Routing & Navigation
• expo-linear-gradient Gradient Backgrounds
• expo-font Google Fonts
• react-native-reanimated App Animations
• react-native-gesture-handler Gesture Handling
• react-native-view-shot Exporting Palette as Image
• react-native-share Sharing Palette

App Screenshots

Run Locally

Pre-requisites

• Node.js
• Expo CLI
• Android/iOS Emulator (A Physical Device works as well)

Installation

1. Clone this Repository, then change directory to the hexcode directory.

git clone https://github.com/fudailzafar/hexcode.git

cd hexcode

2. Install Dependencies

npm install

3. Build a prebuild of the app, and then run the app.

npx expo prebuild

npx expo run:ios