Skip to content

A simple React news application utilizing Material UI and Framer motion on the front end, while ApolloGraphQL is the structural basis of the backend

Notifications You must be signed in to change notification settings

willdarkins/the_scroll_down

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Scroll Down

Description

The Scroll Down is a simple platform that gives the user the opportunity to be informed by searching news across multiple news sites. The Scroll Down also allows the user to save any article they come across for later purpose. With a simple and intuitive design, The Scroll Down is a valuable tool for anyone looking to start learning about the world around them, or people who already follow the news, but want to expand their scope.

The deployed application can be found HERE

Table of Contents

Badges

To complete the project the following programming languages, frameworks, platforms and libraries were used:

HTML5 CSS3 JavaScript React NPM Express.js MongoDB Heroku MUI NodeJS Styled Components Apollo-GraphQL

Features

  • Light/dark mode toggle
  • SignUp/SignIn/SignOut
  • Reactive
  • Mobile Friendly

Usage

  • User can search up any specific topic or keyword, and they are presented with multiple results.

  • All results will be linked off to the articles and their appropriate site.

  • User can sign up, which enables the ability to save articles that they can retroactively access.

Installation

  • In the Github repository, copy the SSH key link to clone onto your local device
  • Open the project in your code editor of choice and enter the following command in console:
  npm i

Run Locally

Clone the project

  git clone https://github.com/willdarkins/the_scroll_down

Go to the project directory

  cd the_scroll_down

Install dependencies

  npm i

Start the server

  npm start

Screenshots

Home Page SignIn Page SignUp Page Results Page Saved News Page

Demo

Video demo of how the scroll down works

Feedback

If you have any feedback, questions regarding the development of this project, or any other specific questions that come to mind, feel free to contact us via email or Github.

Will Darkins: - Email Github

Aaron Robinett - Email Github

Octavio Politron - Email Github

Authors

portfolio

portfolio

portfolio linkedin

portfolio linkedin

Acknowledgements

License

MIT License

About

A simple React news application utilizing Material UI and Framer motion on the front end, while ApolloGraphQL is the structural basis of the backend

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published