Awesome
<img src="https://github.com/ChitrakshTarun/HexSplash/blob/main/assets/images/icon.png" height="32"> HexSplash
HexSplash is a color-palette generator mobile app for design inspiration, inspired by the Coolors tool. HexSplash 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-routerFile-based Routing & Navigationexpo-linear-gradientGradient Backgroundsexpo-fontGoogle Fontsreact-native-reanimatedApp Animationsreact-native-gesture-handlerGesture Handlingreact-native-view-shotExporting Palette as Imagereact-native-shareSharing Palette
App Screenshots
<div> <img src="https://github.com/ChitrakshTarun/HexSplash/blob/main/assets/screenshots/AppScreenshotLanding.png" height="400"> <img src="https://github.com/ChitrakshTarun/HexSplash/blob/main/assets/screenshots/AppScreenshotGenerator.png" height="400"> <img src="https://github.com/ChitrakshTarun/HexSplash/blob/main/assets/screenshots/AppScreenshotModal.png" height="400"> <img src="https://github.com/ChitrakshTarun/HexSplash/blob/main/assets/screenshots/AppScreenshotExport.png" height="400"> </div>Run Locally
Pre-requisites
- Node.js
- Expo CLI
- Android/iOS Emulator (A Physical Device works as well)
Installation
- Clone this Repository, then change directory to the HexSplash directory.
git clone https://github.com/ChitrakshTarun/HexSplash.git
cd HexSplash
- Install Dependencies
npm install
- Build a prebuild of the app, and then run the app.
npx expo prebuild
npx expo run:android