https://github.com/iamdipankarpaul/newsly-react-news-app

Newsly, Persist Venture internship assignment, React news portal.
https://github.com/iamdipankarpaul/newsly-react-news-app

api axois npm react reactjs tailwindcss vite

Last synced: 16 days ago
JSON representation

Newsly, Persist Venture internship assignment, React news portal.

• Host: GitHub
• URL: https://github.com/iamdipankarpaul/newsly-react-news-app
• Owner: iamdipankarpaul
• Created: 2024-06-18T15:47:44.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-27T14:42:23.000Z (7 months ago)
• Last Synced: 2024-11-11T14:10:44.776Z (3 months ago)
• Topics: api, axois, npm, react, reactjs, tailwindcss, vite
• Language: JavaScript
• Homepage: https://newsly-react-app.vercel.app/
• Size: 251 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Newsly - A React News Application

- [Introduction](#introduction)

- [Purpose of Newsly](#purpose-of-newsly)

- [App Features](#app-features)

- [Tech Stack](#tech-stack)

- [Challenges Faced](#challenges-faced)

- [Skills Enhanced](#skills-enhanced)

- [Future Plans](#future-plans)

## Introduction

Hi, my name is Dipankar Paul. I am a frontend developer and a blog writer. Excited to present [Newsly](https://newsly-react-app.vercel.app/), 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