Taher-Mohamed-Ahmed-Saad / Frontend

Front end of tumblrX , it is a great mimic for the great tumblr with all its functionalities,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🔥

Home Page:https://tumblrx.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Front end of tumblrX , it is a great mimic for the great tumblr with all its functionalities,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🔥

https://tumblrx.me


Languages

Language:JavaScript 75.4%Language:SCSS 22.8%Language:CSS 1.4%Language:HTML 0.2%Language:Dockerfile 0.0%