- Introduction
- Purpose of Newsly
- App Features
- Tech Stack
- Challenges Faced
- Skills Enhanced
- Future Plans
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.
- 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
- 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
- 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
- Mainly faced challenges with state management, resolved with Redux toolkit
- Ensured safety of HTML content using DOMPurify npm package
- 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
- Add user authentication
- personalized news recommendation
- push notifications
- Implement a new theme toggling feature