Giter Site home page Giter Site logo

rootiovo / grapevine-news Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 0.0 10.25 MB

Grapevine: A React/Express app for seamless news and weather aggregation. Features news search, categories, top stories, and a 7-day forecast, all wrapped in a sleek Bootstrap 4 interface. Supports NewsAPI and DarkSky API.

License: MIT License

JavaScript 79.06% CSS 15.04% HTML 5.90%
axios darksky-api express-middleware full-stack news-aggregator newsapi nodejs open-source react redux weather-forecast web-development

grapevine-news's Introduction

Grapevine ๐Ÿ‡

Grapevine is a React/Express application that aggregates news and weather information, providing users with an intuitive interface to access the latest news and weather forecasts. It uses NewsAPI for news aggregation and DarkSky API for weather forecasts.

Features

  • News Aggregation: Browse top stories, search for news, and explore different categories.
  • Weather Forecast: Get a 7-day weather forecast with detailed information.
  • Responsive UI: Built with Bootstrap 4 for a responsive and user-friendly experience.

Setup and Installation

Instructions on setting up Grapevine in your local environment.

Prerequisites

  • Node.js (current version)
  • React
  • Express

Installation Steps

Provide detailed steps for setting up Grapevine.

Usage

How to use the application, including example commands and screenshots.

Roadmap ๐Ÿš€

Grapevine is committed to continuous improvement and feature enhancements. Here's what we're planning next:

  • Remove Dark Sky Dependency: Transition to an alternative weather API due to the deprecation of Dark Sky.
  • UI Update to Material-UI: Redesign the frontend using Material-UI for a more modern and sleek interface.
  • Docker Support: Add Docker support for easy and consistent deployment across environments.
  • Upgrade to Latest Node and React: Keep the application up-to-date with the latest versions of Node.js and React.
  • Redux Store Integration: Implement Redux for efficient state management across the application.
  • PostgreSQL Database: Transition to PostgreSQL for robust data management and scalability.
  • User Authentication: Implement user login functionality for a personalized experience.
  • Starring and Saving Articles: Allow users to star and save articles for easy access later.
  • RSS Feed Support: Integrate RSS feed support for a wider range of news sources.
  • Web Clipper Feature: Develop a web clipper tool for users to save content from the web.
  • Liking Articles: Enable users to like articles, contributing to a personalized recommendation system.
  • Improved Search: Enhance the search functionality using Elasticsearch or free-text search for more accurate and faster results.

Open Source ๐ŸŒ

Grapevine is an open-source project, and we welcome contributions from the community. For more details on how to contribute, check our GitHub Repository.

Support ๐Ÿ’ช

If you like Grapevine and find it useful, consider supporting its development by buying me a coffee!

Buy Me A Coffee

License ๐Ÿ“„

Grapevine is licensed under the MIT License. For more details, see the LICENSE file in our GitHub repository.

Contributing

We welcome contributions! Please see our Contributing Guidelines for more information on how to contribute.

Questions or Issues?

For any questions or issues, please open an issue on the GitHub Issues page.

grapevine-news's People

Contributors

rootiovo avatar

Stargazers

 avatar

grapevine-news's Issues

Update Weather API

At the end of 2022 Dark Sky will be discontinuing their public API support. Need to find a replacement API for Dark Sky to pull in weather data for this application.

Update Material UI Drawer Navigation

Update the side navigation on the application to use a Persistent Drawer component instead of the current Temporary Drawer. This will make this application more consistent with Google News as well as providing a better user experience.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.