#### Repository
https://github.com/python

#### What Will I Learn?
- Stream tweets
- Feeds for each user

#### Requirements
- Basic Python
- Install Python 3
- Install Flask


#### Resources
- Python - https://www.python.org/
- Flask - http://flask.pocoo.org/
- Peewee http://docs.peewee-orm.com/en/latest/
- Sqlitebrowser https://sqlitebrowser.org/

#### Difficulty
Basic

### Tutorial Content

Hi all, this tutorial will still discuss social media applications using the flask, we have done many things about this project, you can see what has been done in the curriculum section below. In this tutorial we will add a new feature in this application, I will make a stream of tweets for the user or people we have followed, so later we can see the tweets from the users that we have followed. For that, we just see how the implementation of this project.


### Feeds Tweets

I will make Feeds tweets so that we can see post tweets from users that we have followed, this feature is a feature that is often found in every application that is based on social media. I will change the **homepage** to create a feed when we are logged in.

- **Feeds on the homepage**


I will change the homepage to display feeds on our application. I will make a query that I will use to display all post users that I follow. for more details, we can see the code below:

**app.py**
```
@app.route('/')
@login_required
def showHomePage():
	user = get_current_user()
	messages = (Message.select()
				.where(Message.user << user.following())
		)
	return render_template('index.html', message = messages)
```

- Before we do a query we need to know the data of the user who is currently logged in, for that we can use the ```get_current_user()```function. We have defined this function in the previous tutorials. The following is the contents of the function:

```
def get_current_user():
	if session.get('logged_in'):
		return User.get(User.id ==  session['user_id'])
```
This function uses a ***session*** to retrieve user data. in this function I will check the user who is logged in based on the session that was in key ```	if session.get('logged_in'):``` and then return the result of data.

- ```Message``` is a model that handles posts from each user, so we can use this model to look for *posts* from users that we have followed, I will use the ```select ()```` function to fetch the data from table **Message**.

- We will retrieve data from ***messages*** from users that we have followed so we can use ```where()``` to be more specific. 

- ```<< x in y``` on sqlite3 we can use operators like this **<< x in y**, to find *where in*. In its implementation in our application, I will look for the user message id in User following () ```Message.user() << User.following()```.

**Message.user**

In the table Message, we store the id of the user who posts. we can see the contents of the tab as shown below:

![Screenshot_10.png](https://ipfs.busy.org/ipfs/QmbbLsgSSSij9G8gj2vHjWRRdwiJuygEZTvCaWEBcRU8HG)

If we look at the table **Message**. We can see the user id of each post and we can find out which user has the post because we can see the list of user id in the **User** table.

![Screenshot_11.png](https://ipfs.busy.org/ipfs/QmdafUtjhCsV5NucsoyWkJZRewGq4ZLBeE88e915scEyMA)


**User.following()**

While in this function we have made the previous [tutorial](https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-8-handle-error-and-make-the-system-follow-a-user-1549792437933), this function is used to join the table relationship, the following functions.

```
def following(self):
		return (User.select()
					.join(Relationship, on=Relationship.to_user)
					.where(Relationship.from_user == self)
					.order_by(User.username))
```

This function is in the **User** Model. This function performs a join with a table **relationship** to find out which users are *following and being followed*.
<br>

- And then the result of my query passes to the index.html template as follows: ```return render_template('index.html', message = messages)```.
the **message** is the key we will use in the frontend and the **messages** is the name of the variable.
<br>
- **Show feed on the homepage**

Now I will switch to the homepage page in the homepage layout we can use for to do data message looping:

**index.html**

```
{%extends "layout.html" %}
{% block body %}
<div class="jumbotron">
  <h1 class="display-4">Welcome to homepage, I'm using base layout</h1>
  <p class="lead">Welcome to the social media application that uses flasks</p>
  <hr class="my-4">
  <p>For new users you are required to register to use this application. please click register</p>
  <a class="btn btn-primary btn-lg" href="{{url_for('registerPage')}}" role="button">Register</a>
</div>
<h2 style="text-align: center;">Your feed</h2>
  {% for message in messages%}
		<h4>{{message.content}} - by {{message.user.username}}</h4>
		<span style="font-size: 10px; font-style: italic;">{{message.published_at}}</span>
  {% endfor %}
{% endblock %}
```

On the homepage, I'm still extending the layout ```{%extends "layout.html" %}```.
In the backend section we have passed the message parameter, now I will do a loop on that data, as we can see in the code:
```
 {% for message in messages%}
		<h4>{{message.content}} - by {{message.user.username}}</h4>
		<span style="font-size: 10px; font-style: italic;">{{message.published_at}}</span>
  {% endfor %}
```
in the message object there are some data that we will display namely ```{{message.content}}```, ````{{message.user.username}}````, and ```{{message.published_at}}```.

If everything is finished I will do a number of demonstrations to see the results of the implementation, here this demonstration I will log in with the username **milleaduski1994**.

- **Followed User2**

![ezgif.com-video-to-gif (5).gif](https://cdn.steemitimages.com/DQmPvvvaCbcL2itnkfmoRjNJAiEZ35JkAjLhk6EjyRvme1f/ezgif.com-video-to-gif%20(5).gif)

**We can see in the picture above we have followed user2 so that I should see the status on my homepage.** but now if we see **User2 doesn't have a post yet**. therefore I will make a post using User2 like the picture that we can see below:

**Create a post for User2**

![ezgif.com-video-to-gif (6).gif](https://cdn.steemitimages.com/DQmQAXRcAxiwjac7uoK4bhSbtokSBkKz6nYv5WRfAcPqHnF/ezgif.com-video-to-gif%20(6).gif)

We can also see the post in the **message** table as we see in the picture below:

![Screenshot_12.png](https://ipfs.busy.org/ipfs/Qmdb5pJzWRuSe1zB2DjTEBDtHKPXEvkJxMAJeb6XSPmThg)

<br>
Now that **User2** already has the latest post, now I will log into the **mileaduski1994** account. If it works then we will see the Status of **User2** on the homepage.


![ezgif.com-video-to-gif (7).gif](https://cdn.steemitimages.com/DQmbSZKHWuygUSnZqBRf9wzd3X4xhpQ428yphPgW8afBnqz/ezgif.com-video-to-gif%20(7).gif)


As we saw in the picture above we have done to display the posting user that we have followed on our homepage. that means our system stream tweets are running well. Thank you for following this tutorial. hopefully, it will be useful for you. In the next tutorial, I will discuss a lot about feeds and relations between accounts.

![Screenshot_14.png](https://cdn.steemitimages.com/DQmRgsQrdksPCKfMVMAmDzabxfLkQGqUNP6kJ719hxPpDnh/Screenshot_14.png)

### Curriculum

[Make social media applications with Flask #1: Design database and initial structure, Following and follower functions](
https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-1-desaign-database-and-initial-structure-following-and-follower-functions-1547568096688)

[Make social media applications with Flask #2: System routing and Templating, Make user register](https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-2-system-routing-and-templating-make-user-register-1547816234338)

[Make social media applications with Flask #3: Register user and Store data in SQLite, Base Layout](https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-3-register-user-and-store-data-in-sqlite-base-layout-1548251533384)

[Make social media applications with Flask #4: Login system and Use session to manage user data](https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-4-login-system-and-use-session-to-manage-user-data-1548429289119)

[Make social media applications with Flask #5:  Authentication during registration and User notification](
https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-5-authentication-during-registration-and-user-notification-1548686390863)

[Make social media applications with Flask #6:  View decorator and Post the first status](https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-6-view-decorator-and-post-the-first-status-1549029740369)

[Make social media applications with Flask #7:  The use of backref and Create profile features](
https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-7-the-use-of-backref-and-create-profile-features-1549339256879)

[Make social media applications with Flask #8: Handle error and Make the system follow a user](
https://steemit.com/utopian-io/@duski.harahap/make-social-media-applications-with-flask-8-handle-error-and-make-the-system-follow-a-user-1549792437933)

#### Proof of work done

https://github.com/milleaduski/python-web-app