GithubHelp home page GithubHelp logo

abdullah-v / twitter-clone Goto Github PK

View Code? Open in Web Editor NEW
54.0 5.0 4.0 5.1 MB

๐Ÿฆ Fully functional Twitter clone

Home Page: https://twitter-cln.herokuapp.com

License: MIT License

JavaScript 36.07% HTML 1.39% Vue 62.54%
twitter clone twitter-clone vuejs mevn mevn-stack mongodb nodejs

twitter-clone's Introduction

MEVN stack twitter clone

START: 29 november 2020

END: 24 december

alt text alt text alt text alt text alt text alt text

Todos:

  • Frontend
    • TwitterButton component
    • Welcome page
    • Register popup
    • Login page
    • Responsive Welcome page
    • Sidebar
    • Responsive Sidebar
    • Right container
    • Components for right container
    • All components responsive
    • Fixed headers for pages
    • Profile page
    • Bookmarks page
    • Notifications page
    • Child pages menu for some parent pages
    • Tweet component
    • Profile component for sidebar
    • Add tweet component
    • Toggle action list for tweet component
    • Add tweet popup
    • Action button component
    • Image zoomer
    • Folowers list
    • Tweet likers list
    • Tweets detail page
    • Tweet replies
    • Nested tweets(retweet with comment)
    • Retweet
    • Tweet pinning
    • Search
    • Shortcuts
    • Delete tweet
    • Show parent tweet in tweet details page
    • Image preview on tweet adding
    • Routing
      • Route guards
      • Define all routes
      • Define all child routes
    • Update profile popup
    • 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
      • express
      • mongoose
      • cors
      • nodemon
      • body-parser
      • socketio
    • Express configurations
    • Mongoose configurations
      • Create models
        • User model
        • Tweet model
      • Relationships
    • 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
  • Add images to readme

Specifications:

  • Responsive.
  • Its offering many functions of twitter.
  • Fully handwritten css.

twitter-clone's People

Contributors

abdullah-v avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

twitter-clone's Issues

LICENSE

Hello,

Thanks for this amazing repo !
I would like to know what is the LICENSE of this repo? Could you add one? Are we free to use it however we like?

Kind regards,

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.