Medium Clone

Welcome to the Medium Clone ! This website replicates essential Medium features, offering a comprehensive blogging experience. Users can sign up, sign in, view all blogs on the homepage, read individual blogs, and create new blog posts. The standout feature of our app is the powerful and user-friendly rich text editor powered by TipTap.

Features

Authentication

• Sign Up: New users can register and create an account.
• Sign In: Existing users can log in to access their account.

Blogging

• Home Page: View all blog posts.
• Single Blog: Read individual blog posts in full.
• Create Blog: Write and publish new blog posts using the integrated rich text editor.

Rich Text Editor

• TipTap: Integrates TipTap, a highly customizable and intuitive rich text editor, ensuring a seamless writing experience.

Technology Stack

Frontend

• React: A JavaScript library for building user interfaces.
• TipTap: A rich text editor for React, enhancing the blog creation experience.

Backend

• Hono: A minimal, fast, and secure web framework for Cloudflare Workers.
• TypeScript: Adds type safety to JavaScript, ensuring more reliable code.
• Prisma: A next-generation ORM for PostgreSQL.
• PostgreSQL: A powerful, open-source object-relational database system.

Deployment

• Cloudflare Workers: A serverless platform that runs our backend code close to the user, providing fast and reliable performance.

Installation

1. Clone the Repository:

   git clone https://github.com/sumitbhuia/medium-clone.git
   cd medium-clone

2. Install Dependencies:

   npm install

3. Run the Development Server:

   npm run dev

---

Screenshots

Signin

Signup

Homepage

Single Blog

Create blog

Rich Text Editor

Video

medium.mov