Live News APP built using ReactJS & ElectronJS

ReactJS, ElectronJS, InshortsAPI

Service

ReactJS, ElectronJS, API Integration

Client

Personal Project

Year

2023

Intro

The project involved the development of a personal app that would utilize ElectronJS, ReactJS, TailwindCSS, and Inshorts API for fetching news. The client had taken on this project to explore the capabilities of these technologies and create a responsive application.

Challenges

⦾ Exploring the capabilities of ElectronJS, ReactJS, TailwindCSS, and Inshorts API.

⦾ The app needed to be responsive to different devices.

⦾ The app needed to fetch news from Inshorts API and display it in an organized and easy-to-read manner.

Solution

🔥 I used ElectronJS, ReactJS, TailwindCSS, and Inshorts API to create a responsive news application.

🔥 The app was designed to fetch news from Inshorts API and display it in an organized and easy-to-read manner.

🔥 The application was designed using ReactJS and styled using TailwindCSS, which enhanced the overall user experience.

🔥 The ElectronJS framework was utilized to create a desktop application that could be installed on Windows, Mac, and Linux operating systems.

🔥 The application was designed to be responsive to different devices, and it could be used on mobile devices as well as desktop computers.

Results

Responsive Application

✅ The application was highly responsive and worked seamlessly across different devices.



Easy-to-Read News Display

✅ The application was able to fetch news from Inshorts API and display it in an organized and easy-to-read manner.

✅ The news was displayed in a visually appealing manner, and the user could easily navigate through different news categories.

Enhanced User Experience

✅ The application was designed using ReactJS and styled using TailwindCSS, which enhanced the overall user experience.

✅ The user interface was simple and easy to navigate, and users could easily find the news they were interested in.

Desktop Application

✅ The application was created using ElectronJS, which allowed it to be installed on Windows, Mac, and Linux operating systems.

✅ The desktop application provided users with the convenience of accessing news without having to go through the hassle of opening a web browser.

Conclusion

The project was successful, and the client was able to explore the capabilities of ElectronJS, ReactJS, TailwindCSS, and Inshorts API. The application was highly responsive and worked seamlessly across different devices. The news was displayed in an organized and easy-to-read manner, and the user interface was simple and easy to navigate. The desktop application provided users with the convenience of accessing news without having to go through the hassle of opening a web browser. We advise anyone who wants to create a responsive and visually appealing desktop application to utilize ElectronJS, ReactJS, TailwindCSS, and Inshorts API.