https://github.com/harshxraj/medium-clone
This is a feature-rich Medium clone offering blog creation, search, user profiles, blog management dashboard, analytics, interaction features (likes/comments), and responsive design for optimal viewing on all devices.
https://github.com/harshxraj/medium-clone
blog-app blogs editorjs express-js medium medium-clone node-js react redux-toolkit tailwindcss
Last synced: 3 months ago
JSON representation
This is a feature-rich Medium clone offering blog creation, search, user profiles, blog management dashboard, analytics, interaction features (likes/comments), and responsive design for optimal viewing on all devices.
- Host: GitHub
- URL: https://github.com/harshxraj/medium-clone
- Owner: harshxraj
- Created: 2024-02-07T09:50:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-23T07:07:19.000Z (11 months ago)
- Last Synced: 2025-05-13T19:34:01.752Z (5 months ago)
- Topics: blog-app, blogs, editorjs, express-js, medium, medium-clone, node-js, react, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://medium-ix5b.onrender.com/
- Size: 6.22 MB
- Stars: 10
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Medium Clone
## Description
This is a full-fledged Medium clone developed extensively using React, Node.js, Express, MongoDB, and Redux Toolkit.
It offers a modern blog editor, Google authentication, dynamic blog pages, search functionality, user profiles with social links,
a dashboard for managing blogs, blog post analytics, interaction features like likes and comments, notifications, and more.
The website is designed to be responsive, providing an optimal viewing experience across all screen sizes.
[Live Link](https://medium-ix5b.onrender.com/)
## Features
- **Modern Blog Editor**: Utilizes Editor JS for a seamless writing experience.
- **Google Authentication**: Provides secure login for users.
- **Dynamic Blog Pages**: Blogs are dynamically generated and accessible via unique URLs.
- **Search Page**: Allows users to search for blogs and other users.
- **User Profiles**: Dedicated profiles for users, showcasing their social links and written blogs.
- **Dashboard**: A centralized dashboard for managing published and draft blogs.
- **Blog Post Analytics**: Detailed analytics for each blog post, editable and deletable.
- **Interactions**: Users can like blogs and comment on them.
- **Notifications**: Tracks interactions and displays recent notifications for users.
- **Profile Editing**: Users can edit their profiles, update social links, bio, and username.
- **Password Change**: Allows users to change login passwords from settings.
- **Mobile Responsive**: Features a responsive design with modern aesthetics and fade-in animations.
## Technologies Used
- **Frontend**: React, Redux Toolkit - Utilized for building the user interface and managing state efficiently.
- **Backend**: Node.js, Express - Powering the server-side logic and handling API requests.
- **Database**: MongoDB - Used as the database management system for storing and retrieving data.
- **Authentication**: Google Authentication - Implemented for secure user authentication using Google accounts.
- **Other**: Editor JS - Integrated for providing a modern and customizable blog editor experience.
## Preview
- Landing Page
- Blog Page
- Login Page
- Blog Creation
- User Profile Page
- Dashboard Page
- Profile Setting Page
- Password Change Page
- Dark Mode
