Newsly - A React News Application

• Introduction
• Purpose of Newsly
• App Features
• Tech Stack
• Challenges Faced
• Skills Enhanced
• Future Plans

Introduction

Hi, my name is Dipankar Paul. I am a frontend developer and a blog writer. Excited to present Newsly, a React news app that I developed as part of an assignment given by Persist Ventures for an internship role.

Purpose of Newsly

• Provide users with latest news articles from various sources
• Designed for users who want to stay updated with current events in a user-friendly interface

App Features

• Home Screen: Displays latest news articles with headlines, images, and short descriptions
• Categories: Users can navigate through different categories like Technology, Sports, AI, etc.
• Detailed View: Clicking on an article shows a detailed view with full article, publication date, etc.
• Search Bar: Allows users to search news articles based on keywords
• Bookmarks: Users can bookmark articles, view all bookmarked articles, and unbookmark articles
• Social Media Sharing: Articles can be shared on Facebook, Twitter, and LinkedIn

Tech Stack

• Built using ReactJS for front end
• Tailwind CSS for styling
• Redux toolkit for state management
• RTK query for API handling
• Axios for fetching news article details

Challenges Faced

• Mainly faced challenges with state management, resolved with Redux toolkit
• Ensured safety of HTML content using DOMPurify npm package

Skills Enhanced

• Improved skills in React state management with Redux toolkit
• Learned API handling with RTK query
• Implemented HTML content sanitization using DOMPurify
• Added social media sharing feature and efficient bookmark management

Future Plans

• Add user authentication
• personalized news recommendation
• push notifications
• Implement a new theme toggling feature