Scribd
Upload
31 views20 pages

Medium

Uploaded by

surmukhbenipal27
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
31 views20 pages

Medium

Uploaded by

surmukhbenipal27
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 20

Backend Project

IGLOO
Team Details:

Jahanvi Sharma - 2210991692


Kartik Rawal - 2210991751
Moksh - 2210994814
Gaurav Arora - 2110994816

:
Chitkara University Institute of Engineering and Technology,
Chitkara University, Punjab
Table of Contents
•Introduction
•Problem Statement
•Technical Details
•Key Features
•Project Highlights
•Bonus Features
•Conclusion
•Future Scope
Introduction

1.1 Project Overview

The project aims to develop a user-friendly website similar to Medium, focused on


providing a seamless platform for publishing and interacting with articles. Key
features will include a simple content editor, commenting and liking capabilities,
search and personalized recommendations, and a responsive design for various
devices. Future enhancements may involve advanced analytics, monetization
options, and community-building tools. The project will prioritize ease of use,
performance, and scalability to support both content creators and readers effectively.
Problem Statement
The goal is to create a website akin to Medium, providing a platform for
users to publish articles, interact with content, and build a following. The
website should feature user authentication, including registration and
profile management, alongside a rich text editor for content creation, draft
saving, and publishing. It must support user interactions such as
commenting, liking, sharing, and following, while also offering robust
content discovery tools like search, personalized feeds, and trending
articles. A mobile-friendly, responsive design is essential, along with an
admin panel for managing users and content. The site should be optimized
for performance and secure data handling. The project must adhere to the
specified timeline and budget, ensuring scalability and addressing legal and
privacy concerns. Success will be measured by meeting functional
requirements, providing a seamless user experience, and maintaining high
performance under user load.
Technical Details

• Front-End(React.js and CSS )

1.CSS:CSS (Cascading Style Sheets) is a language used to style and layout


web pages. It controls colors, fonts, spacing, and responsive designs,
allowing developers to separate content from design for easier maintenance
and consistent website styling.

2. React.js: React.js is a JavaScript library for building user interfaces,


especially single-page applications. It uses a component-based architecture,
allowing developers to create reusable UI components. React efficiently
updates and renders components, making web apps fast and dynamic.

3. Identify common error scenarios, such as bugs in the site and unavailable
images.
TECHNICAL DETAILS

• Back-end(Node js)

1.Node.js - Node.js is a JavaScript runtime built on Chrome's


V8 engine, enabling server-side scripting. It allows
developers to use JavaScript to write scalable, high-
performance web applications outside the browser. Known
for its non-blocking, event-driven architecture, Node.js is
ideal for real-time applications like chat, streaming, and APIs.
Key Features
•Some key features of this project are:-
• 1. Easy Article Publishing: Users will have access to a straightforward text
editor that makes writing and publishing articles simple. This tool will
allow users to format their text, add images, and publish their content
without needing technical skills.

• 2. Commenting and Liking: Readers can engage with articles by leaving


comments and liking their favorite posts. This interaction helps create a
sense of community and allows content creators to receive feedback and
see which articles resonate most with their audience.

• 3. Search and Recommendations: The website will feature a search bar for
users to find specific articles or topics quickly. Additionally, it will offer
personalized recommendations based on users’ interests and reading
history, helping them discover new and relevant content.
REGISTER AND FETCH USER:
LOGIN/SIGN-UP PAGE:
HOME PAGE:
MAIN INTERFACE:
USER PROFILE/POSTS:
LIKES AND COMMENTS:
TOKEN SYSTEM:
ARTICLE POSTING:
LIKES AND COMMENTS:
Bonus Features

1. User Profiles and Customization:Users can create and personalize their


profiles with a bio, profile picture, and social media links. This feature allows
content creators to showcase their work and build a personal brand, while readers
can learn more about their favorite authors.

2. Analytics Dashboard: Content creators will have access to an analytics


dashboard that provides insights into how their articles are performing. This
includes metrics like views, likes, comments, and engagement statistics, helping
users understand their audience and improve their content.
FUTURE SCOPE:

• The future scope of a Medium website clone includes


advanced analytics for deeper insights, monetization
options for content creators, enhanced personalization for
tailored content recommendations, and community-
building features like user forums and groups. Additional
developments could involve multi-language support, AI-
powered tools for content and moderation, improved
mobile features, and integration with multimedia content
and other platforms to broaden reach and functionality.
Conclusion

In conclusion, this project will create a straightforward website that provides


an easy-to-use platform for publishing and engaging with articles. With
features like a simple article editor, commenting, and liking, users will be
able to interact and share content effortlessly. The site’s search and
recommendation tools will help users find articles that interest them, while its
mobile-friendly design ensures a smooth experience on any device.
Additional features like user profiles, an analytics dashboard, and content
scheduling will further enhance the user experience, making it easy for
content creators to manage and showcase their work. The project aims to
deliver a functional and user-friendly platform that supports both content
creators and readers, ensuring a satisfying and interactive experience for
everyone. By focusing on ease of use and practical features, the website will
meet the needs of its users and foster a vibrant online community.
THANK YOU

You might also like