I created an easy way to browse & find Google books (today is my birthday 🎈)

Books 📚

Find books from Google Play Books

Feel free to contribute on GitHub

I was casually surfing online and saw an article about Google Books API. I read the docs, and decided to create a minimal, lightweight and beautiful web app to browse & find books using Google Books API.

That's why I created Books 📚.

Books is an open-source project which make use of Google Books API.

Some of its features are:

• Search book by title, author, category, genre etc.

• Minimal and elegant UI.

• PWA support.

• Dark mode. Can't live without it!

Bonus: 🌗 I also added dark mode so that your eyes won't hurt during night!

Demo 🚀

Feel free to contribute on GitHub

I'm writing a book: De-Coding The Passion Project 📘

Liyas Thomas ・ May 24 '20 ・ 2 min read

#books #productivity #startup #watercooler

---

If you want a heads up on my next projects, or just want to chat about the web, life and happiness make sure to follow me @liyasthomas on Twitter 💙. If any of my projects helped you please consider making a donation.

Comments

[Ahmed Musallam]

That's Awesome!

I got lost here as well: liyasthomas.github.io
Really cool work!

Could not help but notice a lot of UI similarities in your projects, do you use a certain UI library? or just re-use your own styles?

[Liyas Thomas]

I currently don't use any 3rd party libraries. Just pure JavaScript, HTML & CSS. Of course I reuse most of my components, especially light/dark mode toggle, font stylings etc.

[Ahmed Musallam]

I was looking at github.com/liyasthomas/books/blob/...

A lot of awesome things in there. and only 8KB unzipped or minified!

While inspecting the source I saw that

.category {
      height: 25vh;
}

Curious why you picked vh vs other units in this case?

I know users wont do this, but when shrinking the view-port height the title inside .category pops out :)

[Liyas Thomas]

Nice you noticed that. What you explained is a bug/issue for sure.

But, sometimes some bugs are beautiful. At some use cases most of my apps would fail. But I don't mind that. Nothing is perfect. I'll certainly look into it and make it more better. Will add more bugs to fix later 🤪

[Ahmed Musallam]

hahaha. I was more curious about the vh and the use-case for using it than to report a bug that almost no one will notice.. lol 😁

[Liyas Thomas]

As vh and vw changes with viewports, I like the ratio or say the proportion of UI more than giving a fixed unit. That's why I did that.

[Ahmed Musallam]

I see, makes sense. thanks and keep on rockin' !

[Priyanka Kore]

Hey Liyas,

A very happy birthday! Amazing app 👏🏻 looks wise and also functionally, all the book worms of the world thank you.

I see that you have chosen one of the most amazing color schemes. Is there any specific way you do that? any place you can check which colors look good together something like that?

[Liyas Thomas]

Thanks for the appreciation ✨

Thanks for this question. See, I'm a self learnt and self sustaining developer. If I couldn't find a tool for my needs, I would make one. Which makes me a better learner.

Regarding color scheme:

• I use a tool called Colorbook which I made myself for creating color combination schemes for UI. I wrote about it on DEV.to here. Colorbook is an easy & great tool for playing around different color combos and copying color codes for development. GitHub link. Check out my GitHub profile for more tools and resources.

[Bill]

Hey Liyas,

Happy birthday, have an awesome day!

I really like your project. Great design, performant, and user friendly. I'd love to try and contribute and I may do soon. Nice work on the banner generator too!

[Liyas Thomas]

Thanks. I'm rocking. Follow my other projects on GitHub
You drink water, keep hydrated and stay healthy 🤸‍♀️

[Wiktor Olejniczak]

Wow, The UI is really awesome! Everything feels so smooth and well-animated 👏 I took a look at your other projects, and wow, they're really inspiring 🤩

The only thing that slightly falls behind here is the shadow animation, a bit laggy 🙁

Oh, and happy birthday!

[Liyas Thomas]

Thanks for the appreciation ✨
I'll fix all issues you've faced in next commit.

[Shane Dowling]

Wow, looks great, you could turn this into a lightweight Goodreads alternative! Happy birthday!

[Liyas Thomas]

I would love to see what future brings. Watch project on GitHub for updates.

[Shane Dowling]

Done! :)

[Abhi]

Wow! such a beautiful UI. What was the inspiration behind the UI design?

[Liyas Thomas]

Maybe I spent so much time on Dribbble & Behance? Maybe I like minimalistic UI. Maybe I'm too lazy to come up with a new design at all. 💁‍♂️ who knows?

[Kevin G. Kayisire]

Happy birthday, Unicorn.

Nice UI also, keep it up!

[Liyas Thomas]

Always be yourself unless you can be an unicorn 🦄
Then always be an unicorn 🦄

[Charlot]

This is so cool!

[Liyas Thomas]

Thank you ❤️
You can find the source code of the project in my GitHub. May that help/inspire you.

[Mayuran]

Well done Liyas, I just forked your repo. Planning to raise some improvements PRs. I believe we can both learn from each other.

[Liyas Thomas]

Sure, I'm in. Follow my other projects on GitHub

[GaneshMani]

Great Site. BTW Happy birthday

[Liyas Thomas]

Thanks.

[Valentino Gagliardi]

Happy birthday then!

[Liyas Thomas]

God bless you. Follow my other projects on GitHub

[Victor Ribero 🧘🏼‍♂️]

I like so much how it looks!

[Liyas Thomas]

Glad you liked it. Check out my other projects on GitHub ✨

[ogoh cyril]

Happy birthday

[Liyas Thomas]

My warm wishes for your next birthday! 🎉✨🎈
Follow my other projects on GitHub

[Gift Egwuenu]

Happy Birthday 🎉 Love the design!

[Liyas Thomas]

Glad you liked it. Follow on GitHub for more updates and future projects.

[Arsam Sarabi]

Happy birthday! ☺️

[Liyas Thomas]

Advanced birthday wishes for you too...! 🎈✨🎉
Follow my other projects on GitHub