README.md

TumblrX

📝 Table of Contents

• About
• features
• Technologies used
• getting started
• Demo
• screenshots
• Contributers

🚩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

2. Go to the directory of the repository

 $ cd Frontend

3. install Dependencies

npm install

4. Run the Website and Enjoy your time 🔥

npm run

🎥 Demo

video1251030467.mp4

🎥 screenshots

• Home Page

  ---

• Sign Up

  ---

• Dashboard

  ---

• Explore Section

  ---

• Add Post

  ---

• Comments

  ---

• Chat

  ---

• Blog View

  ---

• Edit Blog View

  ---

• Settings

  

  ---

• Responsive

  • Sign up

    

    ---

  • DashBoard

    

    

    

    ---

  • Blog

    

    ---

  • Edit Appearance

    

✨ contributers