# Facebook Clone
### This is a realtime social network that has few facebook functionality such as Create, like, unlike, comment post system, Friends System (add friend, remove friend, send and accept friend request, decline friend request), Messaging System (private(one on one) and group messages), Notification System and Authentication System. Built with the following technologies mentioned below.

## Backend Technologies:
  * Python
  * Django
  * Websocket
  * redis server
  * Json
  * Sqlite database

## Frontend Technologies:
  * Html
  * CSS
  * Javascript
  * Fetch API
  * Websocket

## System workflow with visuals.
1. User Authentication System.
   * User can register on the system
     ![register page](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/4e6299c2-e055-4b63-8a1d-a1704f74edd5)

   * User can login
     ![login](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/04204a2a-6178-4973-8c68-6ae3c20da3f6)

   * User can reset password.
     ![reset pass](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/78f02687-e54d-45ea-b87d-88b4d3e0c86b)
     ![reset link](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/9ac3832c-db12-4e0d-8b93-f68af0d32bb3)

2. Send, Accept and Decline Friends System
    * Send Friend Request
   ![friends](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/ea36dbb6-f48f-4658-bfea-4c2d80fac4e8)
    * Accept and decline friend request
    ![friends2](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/3ba3695d-21f5-43a3-9092-fe7c072387b4)
  
4. Profile Detail
   * ![user detail](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/8ce3ed42-2f98-495f-ad9c-268000b7b6f1)
   * Edit Profile
     ![edit-prifile](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/fa9cfa3c-a4a7-45d0-929c-91a0057e0573)

5. Create, Like, Unlike, Comment on post
   * Create Post
     ![create a post](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/64f506b9-d864-42a3-a3b4-aa1241a205c0)
     ![Screen Shot 2023-12-14 at 12 28 32 PM](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/62560866-40e6-414e-a5a3-0bafb5b7e276)
   * Like, Unlike and Comment
     ![Screen Shot 2023-12-14 at 12 28 40 PM](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/e59227d1-0e67-46a6-9f82-bab788fe3ab1)

6. Messaging System
   * Private Message (One on One Message)
     ![Private message](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/3c553128-8b0b-4241-a0d4-d1c1d81aa21a)
   * Groups to join
     ![groups](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/2f6019e3-89d1-4b62-b135-8d860df747a4)
   * Group Message (Public Message)
     ![group chat](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/352bfdda-8652-43b0-a019-e5a6f1cff0f1)
     
7. Notification System
   * ![notification page](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/662bedec-1433-4afe-ba04-d708150db267)
  
   * ![notification2](https://github.com/michealdayo64/Facebook-Clone/assets/55289122/a1607f19-6e29-408b-9a6e-ddd69b8dac76)


