Coder Social home page Coder Social logo

lagnajit09 / medium Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.49 MB

Medium | Blog website

Home Page: https://medium-pro.web.app/

TypeScript 97.58% HTML 0.35% JavaScript 0.40% CSS 1.67%
cloudflare hono postgresql reactjs blog blog-website medium prisma-orm firebase

medium's Introduction

Medium Pro

Welcome to Medium Pro, a modern and enhanced version of the Medium blogging platform. This project includes a host of new features and improvements designed to provide a superior writing and reading experience.

Features

General

  • Light/Dark Mode: Easily toggle between light and dark themes to suit your reading preference.
  • Enhanced Landing Page: An improved, visually appealing landing page designed for a great first impression.
  • User Authentication: Secure and seamless sign-up and login functionality.
  • Responsive Design: Enjoy a seamless experience on any device, whether desktop, tablet, or mobile.

Writing & Editing

  • Rich Text Editor: Write and publish articles using an intuitive and powerful editor.
  • Markdown Support: Use markdown syntax for a more flexible writing experience.
  • Code Embedding: Embed code snippets with syntax highlighting.

User Interaction

  • Comments & Likes: Engage with the community by commenting on and liking articles.
  • Profile Management: Update your personal information and manage your published articles.
  • Social Sharing: Share your articles easily on social media platforms.

Client-Side Technology Stack

The client-side of Medium Pro is built with the following technologies:

  • React: A powerful library for building user interfaces.
  • Vite: A fast and modern build tool.
  • TypeScript: For enhanced code quality and maintainability.
  • Emotion & Styled-Components: For writing CSS with JavaScript.
  • MUI (Material-UI): A popular React UI framework.
  • Recoil: For state management.
  • Appwrite & Firebase: For backend services, storage and authentication.
  • EditorJS: For providing a rich text editor experience.

Dependencies

  • Rich text and markdown editors like Editor.js and various plugins.
  • Axios for HTTP requests.
  • Tailwind CSS for additional styling options, making it mobile responsive and adding light/dark theme.
  • Various other utility libraries for enhancing functionality and user experience.

Server-Side Technology Stack

The server-side of Medium Pro is constructed using:

  • Express & Hono: Fast and minimalist web frameworks for building APIs.
  • Prisma: A powerful ORM for database management.
  • bcrypt & bcryptjs: For hashing passwords securely.
  • JWT (jsonwebtoken): For secure token-based authentication.
  • Cheerio: For web scraping and parsing HTML.
  • Cloudflare Workers: For deploying serverless functions.

Dependencies

  • Prisma extensions for database acceleration.
  • dotenv for environment variable management.
  • cors for handling cross-origin requests.

Future Enhancements

We are continuously working to improve Medium Pro. Upcoming features include:

  • Enhanced Analytics: In-depth analytics to help authors understand their audience better.
  • Advanced Search: Improved search functionality for finding content quickly.
  • Customizable Themes: Allow users to customize the look and feel of their profile and articles.
  • Enhanced writing with AI Integration: Allow users to communicate with AI to generate a suitable writing for their post.

Contributing

Although this is a personal project, feedback and suggestions are always welcome. Feel free to reach out if you have any ideas or encounter any issues.


Thank you for visiting Medium Pro! If you have any questions or need further information, feel free to get in touch.

Lagnajit Moharana
GitHub
LinkedIn
Email

Enjoy your writing and reading experience on Medium Pro!

medium's People

Contributors

lagnajit09 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.