medium-clone

KO | EN

gitlite — search

#go #golang #rust #macos #nodejs #java #windows #awesome #cli #awesome-list #pytorch #openai #mcp #open-source

(★ 23)

A clone of the blogging site Medium, built using ReactJS, TypeScript, Tailwind, Firebase, and more.

medium-clone 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Medium Clone

A platform for writers to share their articles (markdown supported) and read articles from other writers. This project mainly uses Firebase, TailwindCSS, Typescript, and React. There is also anonymous accounts (read only) so you can test out the app!

[**Live Preview**](https://sharkri.github.io/medium-clone)

![landing page](https://user-images.githubusercontent.com/95330865/227839274-359f5e69-40c4-46b9-af16-088104c0684b.png)

## Features

- Create and read posts
- Markdown support for creating posts
- Filter posts by topics
- Like posts and comments
- Nested replies
- Responsive design
- Anonymous accounts (read only)
- Bookmark posts which go into your library
- Receive notifications
- User profile and about page
- Follow users
- Search for posts
- Settings page (change your email, pass, etc..)
- Firestore and storage security rules to secure Firebase
- Infinite scrolling for posts
- React routing

## Technologies

Project is created with:

- [React](https://react.dev/)
- [Typescript](https://www.typescriptlang.org/)
- [TailwindCSS](https://v2.tailwindcss.com/docs)
- [React Router](https://reactrouter.com/)
- [ESLint](https://eslint.org/)
- [React Markdown](https://github.com/remarkjs/react-markdown)
- [React Infinite Scroller](https://github.com/danbovey/react-infinite-scroller)
- [Jest](https://jestjs.io/)

## Showcase

<summary>Images</summary>

<br />

**Sign In Modal**

![sign in modal](https://user-images.githubusercontent.com/95330865/227844714-a27c6858-1e6c-4aba-85f6-5713ce7887a5.png)

**Signed In Homepage**

![homepage](https://user-images.githubusercontent.com/95330865/227839580-31814a97-3801-42b8-9f45-4e0410a39685.png)

**Post and comments**

![post and comments](https://user-images.githubusercontent.com/95330865/227858316-52cb68f1-5d33-4399-bd0c-69f1c16bba96.png)

**Blog Markdown**

![blog markdown](https://user-images.githubusercontent.com/95330865/227844172-ba889dfa-af61-4f19-a39c-4c4303a9de27.png)

**Preview Markdown**

![preview markdown](https://user-images.githubusercontent.com/95330865/227844262-073e975a-fdac-4e5a-8825-ab728cb8830c.png)

**Publish Post**

![publish page](https://user-images.githubusercontent.com/95330865/227844795-c5410830-4b71-4a50-87eb-4f540e93f9be.png)

**Library Page**

![library page](https://user-images.githubusercontent.com/95330865/227845301-6b162b9e-449f-4620-bd9e-237ca63221b7.png)

**Profile Page**

![profile page](https://user-images.githubusercontent.com/95330865/227845391-f8ba5691-32ca-4176-b753-34c2169c8492.png)

**Settings Page**

![settings page](https://user-images.githubusercontent.com/95330865/227845614-d3b24e85-f16e-44b7-92ff-cb958d6ef887.png)

**Notifications Page**

![notifications page](https://user-images.githubusercontent.com/95330865/227845761-04759d7e-447d-4fba-9345-f8cb33ddcbfb.png)

</details>

medium-clone

medium-clone 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

medium-clone

medium-clone 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README