TumblrX
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
- Clone the repository
git clone https://github.com/TumblrX/Frontend.git
- Go to the directory of the repository
$ cd Frontend
- install Dependencies
npm install
- _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