Random color palette generator mobile app

136 developers have joined this project.

What you will practice

You'll practice fetching data from the API, copying data to the clipboard. You'll learn how to use an API in a mobile app that can be applied to real-world products (i.e. streaming services like Youtube, Netflix uses APIs to distribute the content).

Introduction

In today's world, design is everything. Choosing the right color palette for your mobile app will help evoke different emotions you'd like your audience to experience. You'll build a full-fledged random color palette generator mobile app using Colormind API, which can be used for both web apps and mobile apps.

Requirements

Setup a React Native App (Flutter or your favorite framework would work too)
Display a random color palette when a user opens the mobile app
Create a button for the user to generate a new color palette
Allow the user to click on the selected color to copy its HEX code
Display a notification when the selected color's HEX code has been copied

For an extra challenge

Allow the user to generate a new random color palette by shaking the phone

Here is an example iOS UI for this project, but you're welcome to make any changes you'd like! 🙂

Suggested Implementation

This project can be implemented as a mobile app using any tech stack (e.g. React Native, Flutter, Kotlin, Swift, Java).

References

Hit a programming wall?
Get help from our mentors

Post request free
First 15 mins free

Suggested languages and frameworks

KotlinJavaScript React Native SwiftFlutter

Difficulty

medium

Contributed by

Rishi Purwar

Full-stack Web Developer

Interested in this project?

Shorten your learning curve with on-demand programming help

The awesome set of verified mentors will provide guidance and mentoring help when you are stuck.

Suresh Atta

Post request free
First 15 mins free

Shorten your learning curve with on-demand programming help

Other recommended projects

medium

My favorite YouTube videos mobile app

A typical mobile app often contains essential features including screen navigation, pulling remote data with RESTful API, and authentication.

React Native

medium

Daily sleep tracker mobile app

Irregular sleeping patterns are a common problem. This mobile app will fulfill the user's needs in tracking their sleeping patterns, including duration and timings. This app will track three parameters: sleep time, wake up time, and sleep duration. Users can add, edit, or remove any sleep entries.

KotlinSwiftJavaReact Native

medium

Tinder style swipe mobile app

You’ll create a mobile app with a swiping mechanism similar to dating apps like Tinder. Users can swipe left (dislike) or swipe right (like) on images downloaded from the Unsplash API. Through this project, you will learn both the programmatic approach and Storyboard approach to build mobile applications. You will also learn to achieve modularity and reusability with your code.

KotlinSwiftJava