Sup-news App

Check out the hosted version

My goal was to build the front-end for a news app project

This project is a React JS front-end web interface for handling all client-side interactions with the web app, sending requests to the back-end API and receiving information which is displayed for the user.

Features

• user accounts
• display of articles
• posting of articles by a user
• posting comments on articles
• user can delete their own comments
• user can like/upvote an article
• view articles by topic
• sort articles by votes, date or number of comments
• order articles by date created: ascending or descending

How I worked on this project

• I built this app based on a crude wireframe (3-day project) see here
• I used feature branches and pull requests see here

How to navigate this project

• Stateful logic see here
• Responsive front-end using react-bootstrap see here & here
• The application fetches data from the REST API using axios see here

Why I built the project this way

• The React js framework is a JavaScript library for creating and building high quality user interfaces using components that manage their own state
• React uses a virtual DOM which is faster and more efficient to update
• React-bootstrap removes the friction of building a mobile-first web app
• Axios provides helpful tools for adding queries to endpoints

If I had more time I would change this

• Add more options for a users profile
• Improve the authorisation flow for a better login experience
• Integrate Pagination or infinite scroll without loading all of the content at once

Check out the back-end repo

Minimum Version Requirements

Node v17.3.0

How to run this project locally

1. Clone this repo to your local environment

git clone https://github.com/deasar-js/fe-nc-news

2. cd into the repo

3. run scripts

run npm install
run npm start