/Frontend

TumblrX is a full mimic for Tumblr with all its functionalities It is a full-stack application that allows you to create a blog, post, and comment on your blog.

Primary LanguageJavaScript

TumblrX cover

📝 Table of Contents

🚩About

TumblrX is a full mimic for Tumblr with all its functionalities

It is a full-stack application that allows you to create a blog, post, and comment on your blog.

it is a social media app to:

  • express yourself, discover yourself, and bond over the stuff you love.💖
  • It's where your interests connect you with your people🤝.
  • The service allows users to post multimedia and other content to a short-form blog. Users can follow other users' blogs.

✨ Features

  • create a blog and post to it.
  • add posts (including photos, videos, and text)
  • react to posts && comments
  • add comments
  • reblog posts
  • follow other users' blogs to see their posts
  • show dashboard with all your posts and comments
  • explore section to show all trending posts and blogs
  • search section to search for posts and blogs
  • blog section where you can show your blog & customize it
  • real time chat with other users
  • real time notifications show you all updates on your blog
  • manage your blog && account settings and edit them

💻Technologies Used

  • React
  • React-Router dom
  • Redux Toolkit
  • sass modules
  • Axios
  • Socket io
  • pusher-js
  • Docker
  • Jest
  • Webpack

🏁Getting Started

  1. Clone the repository
 git clone https://github.com/TumblrX/Frontend.git
  1. Go to the directory of the repository
 $ cd Frontend
  1. install Dependencies
npm install
  1. Run the Website and Enjoy your time 🔥
npm run

🎥 Demo

video1251030467.mp4

🎥 screenshots

  • Home Page Home page


  • Sign Up Sign up


  • Dashboard DashBoard


  • Explore Section Explore Section


  • Add Post Add post


  • Comments Comments


  • Chat Chat


  • Blog View Blog View


  • Edit Blog View Edit Blog View


  • Settings Settings

    Settings


  • Responsive

    • Sign up

      Sign up


    • DashBoard

      Home page

      Explore

      Dashboard


    • Blog

      Blog


    • Edit Appearance

      Edit Appearance

✨ contributers

drawing