/Twitter

Full stack twitter built using MERN Stack along with interaction analysis dashboard.

Primary LanguageJupyter Notebook

Full stack Twitter 🐦.

=> Teck Stack Used🔥

  • React
  • Node
  • Tailwind
  • MongoDB

=> Env File

  • Add an env file with the following variables
   PORT = BACKEND_PORT
   TWITTER_JWT_SECRET = JWT_SECRET_KEY
   MONGO_DB_URL = MONGO_DB_ATLAS_CONNECTION_URL
   DB_NAME = DB_NAME
   FRONTEND_ORIGIN = FRONTEND_ORIGIN
   IMAGE_ASSETS = IMAGE_ACCESS_STATIC_LINK
   IMAGE_AND_VIDEO_ASSETS = IMAGE_AND_VIDEO_ACCESS_STATIC_LINK
   VIDEO_ASSETS = VIDEO_ACCESS_STATIC_LINK
   ACCESS_IMAGE = IMAGE_FOLDER_ROOT_LOCATION
   ACCESS_VIDEO = VIDEO_FOLDER_ROOT_LOCATION
   ACCESS_IMAGE_AND_VIDEO = IMAGE_AND_VIDEO_FOLDER_ROOT_LOCATION

=> How To Run ...🏃...

  • Download and Unzip The File / Clone the repo
  • Follow the installation guide mentioned below

=> Code For Installing Packages 📦

      #For Frontend
      cd frontend
      npm i
      npm start
      
      #For Backend
      cd backend
      npm i
      npm start
      
      #For Analysis
      cd analysis
      pip install numpy
      pip install pandas
      pip install streamlit
      pip install plotly
      pip install countryInfo
      pip install requests

=> Application Demo

twitter_frontend.mp4
Analysis.mp4
       /ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ\
      |           See You Soon .. 🤝            |
       ˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇˇ
            \
              ^__^
              (oo)\_______
              (__)\ 0   0 )\  *
                  ||--0-w | \/                                                                       
                  ||     ||                                                                 
ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ