Inspiration
We wanted to create a user-friendly platform where users could access the latest news from multiple sources, filtered by category, and presented in a clean, responsive interface. The goal was to provide users with a seamless news browsing experience, leveraging modern web technologies.
What it does
The website fetches and displays news articles from various sources using the News API. Users can browse news by category (such as technology, sports, business, etc.) and view article summaries with images, titles, and links to full stories. The app also supports pagination for browsing more articles.
How we built it
Frontend: The application was built using React and Bootstrap to create a responsive, interactive user interface.
State Management: Redux was used for managing the global state, handling API calls, and ensuring smooth navigation between different sections of the app.
API Integration: We utilized the News API to fetch real-time news data, parsing it and displaying it dynamically on the frontend.
Challenges we ran into
One of the key challenges was managing the state efficiently, especially with API calls. We had to ensure that the app remained performant and responsive while fetching large amounts of data. Another challenge was optimizing the user interface for mobile and desktop users.
Accomplishments that we're proud of
We successfully implemented a responsive design that adapts well across devices, making it easy for users to explore news articles on any platform. Additionally, we integrated Redux to manage state seamlessly, which improved performance and code organization.
What we learned
We gained deeper knowledge of Redux for state management, particularly how to handle asynchronous API calls with Redux Thunk. We also learned how to optimize performance in React apps by reducing unnecessary renders and improving the structure of API requests.
What's next for News-api
We plan to add more features, such as personalized news recommendations based on user preferences, a search functionality for specific articles, and user authentication to allow for saving favorite articles. We’re also considering adding real-time updates for breaking news.
Log in or sign up for Devpost to join the conversation.