File size: 2,811 Bytes
f710fc8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
# Flask Social Media App

[![Repo Size](https://img.shields.io/github/repo-size/ItzSimplyJoe/Social-Media-App)]()
[![Code Size](https://img.shields.io/github/languages/code-size/ItzSimplyJoe/Social-Media-App)]()
[![GitHub Last Commit](https://img.shields.io/github/last-commit/ItzSimplyJoe/Social-Media-App)]()
[![GitHub Issues](https://img.shields.io/github/issues/ItzSimplyJoe/Social-Media-App)]()


## Information
A simple social media app called Simplz made with Flask, HTML, CSS and JS.

## Installation
If you want to run the program and change it for yourself then
- `git clone https://github.com/ItzSimplyJoe/Social-Media-App.git`
- `cd social_network`
- `pip install -r requirements.txt`
- `python app.py`
<div align="center">

## What it can do
### Register Page
<p>Create an Account with the easy-to-follow and easy-to-understand Register Page</p>
<img src="Images_for_Github/register.png" width=640 height=360>

### Login Page
<p>Log into your account with the Login Page</p>
<img src="Images_for_Github/login.png" width=640 height=360>

### Home Page
<p>See all the posts from the people you follow on the Home Page</p>
<p>Here you can also create your own posts by clicking the + button in the bottom right corner</p>
<img src="Images_for_Github/index.png" width=640 height=360>

### Account Settings Page
<p>Change your account settings on the Account Settings Page</p>
<img src="Images_for_Github/account.png" width=640 height=360>

### Messages Page
<p>Send messages to other users on the Messages Page</p>
<img src="Images_for_Github/Conversations.png" width=640 height=360>
<img src="Images_for_Github/conversation.png" width=640 height=360>
<img src="Images_for_Github/new_conversation.png" width=640 height=360>

### Search For other Users Page
<p>Search for other users on the Search Page</p>
<img src="Images_for_Github/User_search.png" width=640 height=360>
<img src="Images_for_Github/profile.png" width=640 height=360>
</div>

## License
[MIT](https://choosealicense.com/licenses/mit/)

## Contact
If you want to contact me you can reach me at [my email](mailto:[email protected]) or [my website](https://www.itzsimplyjoe.me).

## Contributing
If you want to contribute to this project you can by making a Pull Request.

## Acknowledgements
- [Python](https://www.python.org/)
- [Flask](https://flask.palletsprojects.com/en/2.0.x/)
- [SQLAlchemy](https://www.sqlalchemy.org/)
- [Flask Login](https://flask-login.readthedocs.io/en/latest/)
- [Flask WTF](https://flask-wtf.readthedocs.io/en/0.15.x/)
- [Flask Migrate](https://flask-migrate.readthedocs.io/en/latest/)
- [Bootstrap](https://getbootstrap.com/)
- [Font Awesome](https://fontawesome.com/)
- [JQuery](https://jquery.com/)
- [Popper.js](https://popper.js.org/)
- [werkzeug](https://werkzeug.palletsprojects.com/en/2.0.x/)