A simple website to display a list news getting from free NYTimes API
- As a user, I want to see a list of news which support pagination and each news
item contains:
snippet
,multimedia
,pub_date
,source
fields. - As a user, I want to see a specific news item as modal view by clicking on it.
- Home Page, Detail Page
- Redux
- Docker
- Styled Components
- Unit & UI Tests
- Call NYTimes API to get list of news
- Beautiful design, responsive & well displayed on mobile screen
Get Docker Community Edition for your platform (Linux, Mac, Windows).
$ docker-compose up -d
$ docker-compose down
$ docker-compose up -d --build
Visit localhost:9000
on your browser.
$ docker-compose logs -f web
$ npm install
$ npm run dev
$ docker image build -f Dockerfile.prod -t news-demo:v1 .
$ docker container run -d -p 8080:8080 -e PORT=8080 news-demo:v1
Visit localhost:8080
on your browser.
$ npm install
$ npm run build
$ npx http-server -p 8080 dist
$ docker image build -f Dockerfile.prod -t news-demo:v1 .
$ docker image tag news-demo:v1 registry.heroku.com/nha-news-demo/web
$ docker image push registry.heroku.com/nha-news-demo/web
$ heroku container:release web