EdpeChat

Overviews

A Python Flask-based Twitter-clone social media web application

Full Demo

Loading may need to take a while

Getting Started

Prerequisite

• Python
  Python 3.7 or above needed
  To check the version installed, open a terminal window and entering the following:
  python --version
• SQLite
  How To Download & Install SQLite Tools

Dependencies

• Site-packages are already included in the folder "EdpeChat\venv\Lib\site-packages"

Alternatively, open a terminal cd EdpeChat project directory, run pip install -r requirements.txt to install dependencies manually

Environment Setup

• Activate Python virtual environment
  Open a terminal cd EdpeChat project directory, run $ source venv/bin/activate
  If it works, you should see the prompt command like (venv)$_

Note: If you are using a Microsoft Windows command prompt window, the activation command is slightly different:
C:\EdpeChat> venv\Scripts\activate
(venv) C:\EdpeChat>

• Set FLASK_APP enviroment variable:
  (venv) $ export FLASK_APP=runMyBlog.py

Note: If you are using a Microsoft Windows command prompt window, use set instead of export:
(venv) C:\EdpeChat> set FLASK_APP=runMyBlog.py

Run it!

• Run the app:
  (venv) $ flask run
• It should then be running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

Funtionalies

• Sign up ^{see demo}

  • Client-side validations
    • Username must be at least four characters
    • Email address must be in correct format
    • Password must be at least four characters
    • Confirm password must match
  • Server-side validations
    • Username must be unique
    • Email address must be unique

• Login ^{see demo}

  • Login failure triggers error message "Invalid Password or Username"
  • Password reset - Automated email sending ^{see demo}

    If you do not receive the password reset email, please check Spam

• Profile-Managing

  • User info Editing ^{see demo}
    • Avatar
    • Username
    • Email Address
    • About me
  • Followings and followers ^{see demo}
    • unfollow
    • follow back

• Post ^{see demo}

  • Create
    • Title
    • content
      • Emoji
      • Picture
  • Delete

• Comment & Reply ^{see demo}

  • Like
  • Comment
  • Reply

• Messaging ^{see demo}

  • Send
  • Receive
    • Notification
    • Read

• Search ^{see demo}

Demo

• Sign up demo:
  
  
• Login demo:
  
  
• Profile-creating demo:
  
  
• Follow & Unfollow demo:
  
  
• Post-creating demo:
  
  
• Comment & reply demo:
  
  
• Message send & receive demo:
  
  
• Search demo:
  
  
• Password reset demo: