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!