DEV Community

Cover image for Introducing Quotes App
Gourav Khunger
Gourav Khunger

Posted on • Originally published at genicsblog.com

Introducing Quotes App

This article was originally published at my blog. Please try reading it there for a better experience :)

Hi everyone, how are y'all doing πŸ˜ƒ

It's been a long time since I published my last blog post and all that is because it was getting difficult to manage studies and blogging. But in the meantime, I have been working on a really awesome project and this article is all about explaining that ✨

Introducing Quotes App πŸš€

Background

If you ever read even one of my android articles, you will definitely be knowing I used Java to make android apps.

And, as we all know Google is going on to promote Kotlin at its level best and encouraging developers to use Kotlin to develop android apps, I too was thinking for a long time of migrating to Kotlin as soon as possible.

Also, a lot of open-source projects and articles on the internet about android development, these days are based on Kotlin and require you to understand Kotlin! So it was high time for me too to adopt Kotlin and get my hands dirty over it.

If you too ever thought of starting to learn a new language from scratch, you definitely know how difficult it seems at first, to pick a new topic and start learning it by researching over the internet. And the same happened to me!

But my learning process of Kotlin is a talk of another article, I will surely write articles about it and update this one to include them.

So, after learning Kotlin, the thing I had left out was, I had not implemented things I learned in a project and I would say that's a massive mistake that beginners make. It's important to try out stuff in the real world if we wish to get good in any field!

Idea

As soon I was done with learning modern tools and concepts about android development, like the MVVM pattern(I did not use it much before learning Kotlin), Room Database library, ViewModels, LiveData, and trying few things here and there, I had an idea of integrating all the things I learned into a single android app.

I really wished to make something useful out of what I learned and not just implement any 3rd world demo app that does nothing.

And hence it had to lead me to think about making a Quotes App πŸŽ‰. The concept of the app is really simple.

I thought of having just two screens in the app, one for viewing the current quote and the other for viewing all the saved quotes of the user.

On the quotes page, there would be a card that would show the currently loaded quote and the author of the quote. There would be a button on the bottom of the page to bookmark, or in other words, save the current quote. Look below in the design section to see the design I took inspiration from.

The second page would be about showing the bookmarked quotes to the user. There we can long-press the quotes to copy them to the clipboard, and swipe them to delete them from our collection. Also, we can undo the action if the quote was deleted in error and it will get back into place.

Design

I thought over the designing aspect a lot, but since I am not that much interested in designing as I am fascinated with programming, I wished to focus on the coding part more than the design part.

Hence, I looked over the internet for some design inspirations and ideas, I ended up with this image, and most of the design inspiration is taken from it, though not completely, but the major look and feel is derived from it.

app-design-idea.jpg

This design looked great to me and I made up my mind to use it as a reference while designing the whole UI

Development

It took me just 2 days to get working with a working base model of the app. I had done implementing Retrofit, Room Database, Recycler View, Navigation, and pretty much everything the basic version of the app would need.

I have used the ZenQuotes API to load quotes into the app. Huge thanks to them for making such a quality API for free usage!!

As of now, here's a list of tools and frameworks this app uses:

  • Material Design
  • Android LifeCycle Components
  • Room Database Library
  • Kotlin Extensions and Coroutines
  • Retrofit Library
  • Android Navigation Components

All the code for this app is hosted on this Github repository:

GitHub logo gouravkhunger / QuotesApp

A beautiful android Quotes App where you can read and save quotes.

QuotesApp

QuotesApp Logo

A beautiful Quotes App where you can read and save quotes.

This repository contains source code of a Quotes app, which helps you stay motivated by providing best picked quotes by famous personalities. This app uses zen quotes api, for retrieving quotes.

Download the latest APK file of this project and do provide feedback πŸ˜€

Get Quotes App on IzzyOnDroid

Screenshots

Here are some screenshots from the app:

first second
third fourth

Details

Watch the v1 demo video (<1 min long)

Watch v2.0.0 insights (<1 min long)

Some features of the app:

  • Read quotes in an elegant swipe user interface. Read more on how it's built.
  • Long press a quote to copy it to clipboard.
  • Bookmark quotes for later reference. Quotes are stored locally for offline access.
  • Generate a beautiful image from the quotes and share to your social media apps.
  • Sends a daily dose of motivation from the app through notifications.
  • Cool transitions and animation affects…

Feel free to clone the repository and add new amazing features that you have in your mind πŸ™‚

Also, Don't forget to smash the star button and show some love!

End result

Here's a demo video showing all the features of the app:

Final thoughts

It was an overall fun experience implementing all the new things I learned while diving even deeper into Android development.

I learned a lot of new concepts along the way, also coming up with errors here and there and failing while learning Kotlin, but the quotes themselves from my app kept me motivated to continue the learning process πŸ˜‡

Please download the latest apk file, install it on your device, and provide feedback about what you think about the app πŸ”₯

I hope you would love the app as well as the article, thanks a lot for reading this far 😊

Top comments (2)

Collapse
 
kushagra_j profile image
Kushagra Jain

Very nice.... Very informative too
loved it

Collapse
 
gouravkhunger profile image
Gourav Khunger

Thanks for boosting my motivation 😊