https://github.com/enyelsequeira/news-explorer-frontend

Functional Search app, that allows users to sign-up, log in and save news as well as delete them if they choose to
https://github.com/enyelsequeira/news-explorer-frontend

frontend full-stack reatctjs

Last synced: about 7 hours ago
JSON representation

Functional Search app, that allows users to sign-up, log in and save news as well as delete them if they choose to

• Host: GitHub
• URL: https://github.com/enyelsequeira/news-explorer-frontend
• Owner: enyelsequeira
• Created: 2020-12-17T23:07:09.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-15T22:09:19.000Z (almost 4 years ago)
• Last Synced: 2023-03-07T22:12:19.605Z (over 1 year ago)
• Topics: frontend, full-stack, reatctjs
• Language: JavaScript
• Homepage: https://news-explorer.vercel.app/
• Size: 4.44 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# News Explorer

![Status](https://img.shields.io/badge/Status%20-ONGOING-critical)

### Goal

To create a functional news search app, using up to date technologies and best practices in the field

# This project is on Going a needs to be refactored using Typescript + Redux or Context

![Preview1](https://github.com/enyelsequeira/news-explorer-frontend/blob/main/src/images/1.png)

## Key Concepts

1. Allow user to search for news by keywords

2. Allow user to sign up and authenticate if that username is not taken

3. Allow user to login/logout

4. Allow user to save news

5. Allow user to delete news

   

![Preview 3](https://github.com/enyelsequeira/news-explorer-frontend/blob/main/src/images/3.png)

## User Requirement Specification

- User Story #1 As a user, I should be able to see a landing page/Home page

- User Story #2 As a user, I should be able to search without any errors

- User Story #3 As a user, I should be able to sign up and sign in with authentication validated

- User Story #4 As a user, I should be able to save and delete news

- 

![Previen2](https://github.com/enyelsequeira/news-explorer-frontend/blob/main/src/images/2.png)

## System Requirement Specification

- The application shall allow users to see news based on search.

- The application should allow user to see their saved news

## Features

- [x] Homepage

- [x] News Search

- [x] Singin

- [x] Singup

- [ ] Change User name

- [ ] 

## Used Stack and to be Incorporated

- Backend

  - NodeJs

  - Express

  - Celebrate

  - Helmet

  - Validator

  - Mongoose

  - Express-rate-limit

  - Winston

  - JasonWebToken

  - Bcrypt

- Frontend

   - React

   - React-Router-Dom

   - -react-hook-form (to be added)

## Installation

1. Open a terminal and clone the repo using the following command: `git clone`

2. Install dependencies `yarn`

3. Start the gatsby server `yarn start`

4. Start breaking the code and have fun 

## Live 

The front-end is deployed [HERE](https://news-explorer-frontend.vercel.app/).