colorange
Organize your apps on your phone by color.
📝 Table of Contents
🧐 About
Your phone is unorganized. Let's fix it. Colorange will make it better.
https://colorange.herokuapp.com/about
🏁 Prerequisites
What you need to use Colorange
MacOs
iPhone (iOS)
Apple Configurator 2
Non-Mobile Device
🎈 Usage
- Go to https://colorange.herokuapp.com/
- Follow onboarding instructions.
- Upload exported csv from Apple Configurator 2 and watch Colorange sort your apps!
⛏️ Built Using
Client
- @material-ui - React components for faster and easier web development. Build your own design system, or start with Material Design.
- @sentry/browser - Sentry is cross-platform application monitoring, with a focus on error reporting.
- app-store-scraper - Scrape data from the itunes app store.
- logrocket - 🚀 Record and replay user sessions to fix bugs faster.
- react - A declarative, efficient, and flexible JavaScript library for building user interfaces.
- react-dom - A declarative, efficient, and flexible JavaScript library for building user interfaces.
- react-router-dom - Declarative routing for React.
- react-swipeable-views - A React component for swipeable views. ❄️
- typescript - A typed superset of JavaScript that compiles to plain JavaScript.
Server
- @sentry/node - Sentry is cross-platform application monitoring, with a focus on error reporting.
- @svgr/webpack - Webpack loader for SVGR.
- babel-polyfill - 🐠 Babel is a compiler for writing next generation JavaScript.
- chalk - 🖍 Terminal string styling done right.
- clean-webpack-plugin - A webpack plugin to remove your build folder(s) before building.
- colorthief - Grab the color palette from an image using just Javascript. Works in the browser and in Node.
- cors - Node.js CORS middleware.
- css-loader - CSS Loader.
- express - Fast, unopinionated, minimalist web framework for node.
- file-loader - File Loader.
- html-webpack-plugin - Simplifies creation of HTML files to serve your webpack bundles.
- mongoose - MongoDB object modeling designed to work in an asynchronous environment.
- morgan - HTTP request logger middleware for node.js.
- multer - Node.js middleware for handling
multipart/form-data. - node-fetch - A light-weight module that brings window.fetch to Node.js.
- node-vibrant - Extract prominent colors from an image.
- ora - Elegant terminal spinner.
- papaparse - Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input.
- progress - Flexible ascii progress bar for nodejs.
- sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.
- source-map-loader - Source map loader.
- style-loader - Style loader.
- ts-loader - TypeScript loader for webpack.
- typescript - A typed superset of JavaScript that compiles to plain JavaScript.
- url-loader - A loader for webpack which transforms files into base64 URIs.
- uuid - Generate RFC-compliant UUIDs in JavaScript.
- webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Testing
- cypress - Fast, easy and reliable testing for anything that runs in a browser.
- cypress-file-upload - File upload testing made easy.
Tools
- copyfiles - Copy files on the command line.
- env-cmd - Setting the environment from a file.
- eslint - Find and fix problems in your JavaScript code.
- prettier - Prettier is an opinionated code formatter.
- rimraf - A
rm -rfutil for nodejs. - start-server-and-test - Starts server, waits for URL, then runs test command; when the tests end, shuts down server.
- webpack-cli - Webpack's Command Line Interface.
- webpack-dev-server - Serves a webpack app. Updates the browser on changes.
✍️ Authors
- Alex Lee - Application Developer
🎉 Acknowledgements
- Colorange icon made by Nikita Golubev from www.flaticon.com