https://github.com/abdullah-v/twitter-clone

🐦 Fully functional Twitter clone
https://github.com/abdullah-v/twitter-clone

clone mevn mevn-stack mongodb nodejs twitter twitter-clone vuejs

Last synced: 10 months ago
JSON representation

🐦 Fully functional Twitter clone

• Host: GitHub
• URL: https://github.com/abdullah-v/twitter-clone
• Owner: Abdullah-V
• License: mit
• Created: 2020-11-29T18:43:48.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-20T17:56:01.000Z (over 2 years ago)
• Last Synced: 2025-04-06T22:51:11.847Z (about 1 year ago)
• Topics: clone, mevn, mevn-stack, mongodb, nodejs, twitter, twitter-clone, vuejs
• Language: Vue
• Homepage: https://twitter-cln.herokuapp.com
• Size: 4.98 MB
• Stars: 56
• Watchers: 5
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# MEVN stack twitter clone

### Here is live demo: https://twitter-cln.herokuapp.com

### START: 29 november 2020

### END: 24 december

![alt text](https://github.com/Abdullah-V/MEVN-stack-twitter-clone/blob/master/images/Screenshot%20from%202020-12-30%2009-56-37.png)

![alt text](https://github.com/Abdullah-V/MEVN-stack-twitter-clone/blob/master/images/Screenshot%20from%202020-12-30%2009-56-45.png)

![alt text](https://github.com/Abdullah-V/MEVN-stack-twitter-clone/blob/master/images/Screenshot%20from%202020-12-30%2009-56-52.png)

![alt text](https://github.com/Abdullah-V/MEVN-stack-twitter-clone/blob/master/images/Screenshot%20from%202020-12-30%2009-57-04.png)

![alt text](https://github.com/Abdullah-V/MEVN-stack-twitter-clone/blob/master/images/Screenshot%20from%202020-12-30%2009-58-19.png)

![alt text](https://github.com/Abdullah-V/MEVN-stack-twitter-clone/blob/master/images/Screenshot%20from%202020-12-30%2009-58-51.png)

## Todos:

- [ ] Frontend

    - [x] TwitterButton component

    - [x] Welcome page

    - [x] Register popup

    - [x] Login page

    - [x] Responsive Welcome page

    - [x] Sidebar

    - [x] Responsive Sidebar

    - [x] Right container

    - [x] Components for right container

    - [x] All components responsive

    - [x] Fixed headers for pages

    - [x] Profile page

    - [x] Bookmarks page

    - [ ] Notifications page

    - [x] Child pages menu for some parent pages

    - [x] Tweet component

    - [x] Profile component for sidebar

    - [x] Add tweet component

    - [x] Toggle action list for tweet component

    - [x] Add tweet popup

    - [x] Action button component

    - [x] Image zoomer

    - [ ] Folowers list

    - [ ] Tweet likers list

    - [x] Tweets detail page

    - [x] Tweet replies

    - [ ] Nested tweets(retweet with comment)

    - [ ] Retweet

    - [ ] Tweet pinning

    - [ ] Search

    - [ ] Shortcuts

    - [x] Delete tweet

    - [x] Show parent tweet in tweet details page

    - [x] Image preview on tweet adding

    - [ ] Routing

        - [x] Route guards

        - [ ] Define all routes

        - [ ] Define all child routes

    - [x] Update profile popup

    - [x] Backend Integration

    - [ ] Uploading contents piece by piece.

    - [ ] Upload new content at the end of the page

    - [ ] Loading spinner

    - [ ] Copy link of tweet

- [ ] Backend

    - [ ] Install modules

        - [x] express

        - [x] mongoose

        - [x] cors

        - [x] nodemon

        - [x] body-parser

        - [ ] socketio

    - [x] Express configurations

    - [x] Mongoose configurations

        - [x] Create models

            - [x] User model

            - [x] Tweet model

        - [x] Relationships

    - [x] Api

    - [ ] Notifications for users

    - [ ] Useful functions for apis

        - [ ] Follow suggestion

    - [ ] Uploading contents piece by piece

    - [ ] Upload new content at the end of the page

- [ ] Socket support for realtime

- [x] Add images to readme

## Specifications:

* Responsive.

* Its offering many functions of twitter.

* **Fully handwritten** css.