Skip to main content

[Make-A] Movies app using TMDb API Part 1 – Introduction

 

The Movie Database (TMDb) is a community built movie and TV database. It houses a lot of moviestv shows, and artists in their database. What’s even more awesome is that they give you access to their database for FREE!!!

The Movie Database (TMDb) exposes their API which is available for everyone to use. What you just need is a TMDb user account and request an API key.

Using the TMDb API is a great way to get you started with networking in Android.

Product Specifications

Read More

[Make-A] Simple Chat Application using Cloud Firestore – Exercises and Thanks!

CONGRATULATIONS!!! 🎉🎉🎉

Give yourself a pat on the back and be proud of yourself! You’re making progress to becoming an Android developer and you should be very happy. 😊🎉

You now have a foundation on building a chat application using Cloud Firestore. It’s now up to you to explore, add more features that you thought of while working on this tutorial, and get your hands even dirtier.

The only limit is your imagination.

I’d be super happy to share your work on my Facebook page where I share Android tutorials. By doing so, you will be able to inspire other people who saw what you made that they can do it too! Just message me a link to a demo of your app and I’ll happily share it to my page.

 

Where to go from here?

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 8 – Chat

As a user,
When I enter a room,
I want to be able to chat,
So that I can talk with other people
  • Display a field where the user can enter his/her message
  • Display something that the user can press to send his/her message
  • The user should not be able to send an empty message
As a user,
When I enter a room,
I want to see all messages sorted by date sent in descending order,
So that I can see the latest messages
  • Display messages that the user sent to the right
  • Display messages that the user didn’t send to the left

I’d like to congratulate you that you’ve made it this far. 🎉🎉🎉 Just one last push and you’re almost done. These are the last features that we are going to implement.

Table of Contents

  1. Part 1 – Specs and Introduction
  2. Part 2 – Setting up Firebase Cloud Firestore
  3. Part 3 – Adding a Simple Authentication
  4. Part 4 – Adding a FloatingActionButton (FAB)
  5. Part 5 – Creating a Chat Room
  6. Part 6 – Entering The Chat Room
  7. Part 7 – Displaying The Chat Rooms
  8. Part 8 – Chat
  9. 10 Exercises and Thanks!

 

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 7 – Displaying The Chat Rooms

As a user,
I want to see all the rooms available,
So that I can choose which room to go to
  • Display rooms in alphabetical order
  • Clicking on a chat room opens that chat room

Table of Contents

  1. Part 1 – Specs and Introduction
  2. Part 2 – Setting up Firebase Cloud Firestore
  3. Part 3 – Adding a Simple Authentication
  4. Part 4 – Adding a FloatingActionButton (FAB)
  5. Part 5 – Creating a Chat Room
  6. Part 6 – Entering The Chat Room
  7. Part 7 – Displaying The Chat Rooms
  8. Part 8 – Chat
  9. 10 Exercises and Thanks!

 

1. ChatRoom POJO

1. Create a new class called ChatRoom

2. Declare two fields: id and name

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 6 – Entering The Chat Room

As a user,
After I created a new room,
I want to enter to the room that I created right away
  • Display room name

Now that we can create a chat room, we don’t want them to go back to the chat rooms screen right? A great user experience would be is to let them enter the chat room right away since the user is the one who created it.

 Table of Contents

  1. Part 1 – Specs and Introduction
  2. Part 2 – Setting up Firebase Cloud Firestore
  3. Part 3 – Adding a Simple Authentication
  4. Part 4 – Adding a FloatingActionButton (FAB)
  5. Part 5 – Creating a Chat Room
  6. Part 6 – Entering The Chat Room
  7. Part 7 – Displaying The Chat Rooms
  8. Part 8 – Chat
  9. 10 Exercises and Thanks!

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 5 – Creating a Chat Room

As a user,
When I create a new room,
I want to be able to enter the room name
  • Display a field where a user can enter the room name
  • User should not be able to create a room with an empty name
  • Display an error message if user attempts to create a room with an empty name

Table of Contents

  1. Part 1 – Specs and Introduction
  2. Part 2 – Setting up Firebase Cloud Firestore
  3. Part 3 – Adding a Simple Authentication
  4. Part 4 – Adding a FloatingActionButton (FAB)
  5. Part 5 – Creating a Chat Room
  6. Part 6 – Entering The Chat Room
  7. Part 7 – Displaying The Chat Rooms
  8. Part 8 – Chat
  9. 10 Exercises and Thanks!

1. Download icons for our menu

1. Download these icons (Choose any color that you want):

2. Extract .zip the files.

3. I assume you already know how to copy these icons to your project. As previously demonstrated in adding a FAB.

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 4 – Adding a FAB

Table of Contents

  1. Part 1 – Specs and Introduction
  2. Part 2 – Setting up Firebase Cloud Firestore
  3. Part 3 – Adding a Simple Authentication
  4. Part 4 – Adding a FloatingActionButton (FAB)
  5. Part 5 – Creating a Chat Room
  6. Part 6 – Entering The Chat Room
  7. Part 7 – Displaying The Chat Rooms
  8. Part 8 – Chat
  9. 10 Exercises and Thanks!
As a user,
I want to be able to create a room
  • Display something that the user can press to create a new room

 

1. Icon for our Floating Action Button (FAB)

1. Head over to https://material.io/icons

2. Look for the Content section

3. Select the add icon (You can always choose any icon that you want if you found something that you like)

4. Select a white or black color.

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 3 – Adding a Simple “Authentication”

 

1. Simple Authentication

As a user,
When I open the app,
If there’s an existing account,
Then log in with that account,
Else create a new account,
Then log in with that account
  • Display rooms screen
  • Display a message if a new account has been created
  • Display a message if user has logged in

 

Before we proceed to how we will implement authentication feature, we need to learn some basic jargons first in NoSQL land.

Read More

[Make-A] Simple Chat Application using Cloud Firestore Part 2 – Setting up Firebase Cloud Firestore

Table of Contents

  1. Part 1 – Specs and Introduction
  2. Part 2 – Setting up Firebase Cloud Firestore
  3. Part 3 – Adding a Simple Authentication
  4. Part 4 – Adding a FloatingActionButton (FAB)
  5. Part 5 – Creating a Chat Room
  6. Part 6 – Entering The Chat Room
  7. Part 7 – Displaying The Chat Rooms
  8. Part 8 – Chat
  9. 10 Exercises and Thanks!

Before we can setup Firebase Cloud Firestore, we need to setup our project first for Firebase.

1. Creating a new project in Android Studio

1. Create a new project in Android Studio through File -> New Project and select Empty Activity as your template.

2. Set your Application name to FirebaseChat or any name that you want.

2. Creating a new project in Firebase

1. Go to https://console.firebase.google.com/

2. Add Project

3. Set the project name to FirebaseChat or any name that you want.

4. Choose your country

5. Click Create Project

Read More