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

https://user-images.githubusercontent.com/60351557/186261764-8945dbad-7159-44d2-acb4-09598dfe535c.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