FT-TEST is a Node.js app for displaying headlines from Financial Times.
Table of Contents
This project shows 15 headlines in every page.
- There is a search box for user to search for headlines containing specific words.
- The App has paginiation and user can to click on Next or Previous buttons to navigate between pages.
- Every headline has link to open the details page.
- The user requests the homepage (https://ft-test.herokuapp.com)
- The server fetches the search results from the FT api and returns the rendered page to the client, caching the results for pagination
- The headlines are sliced for the first page and calculate pages count based on per page count.
- By clicking the "Next" or "Previous" button, display the next or last slice of headlines.
- If the user enter words in the search box and click search icon, the steps 2 and 3 will run again.
-
Get FT APIs Key at https://developer.ft.com/portal/services
-
Clone the repo
git clone https://github.com/DibaKarimi/FT-TEST
-
Install NPM packages
npm install
-
env file would be
const API_URL = 'ENTER YOUR API URL';
-
env file would be
const API_KEY = 'ENTER YOUR API KEY';
After running the app in localhost, open 'localhost:3000'. You will see headlines on the main part of the page and pagination bar at the bottom of the headlines. It will show 15 headlines by default. Enter a specific words in search input box and then click on the search button, it will show the headlines related to the search keyword. If there are more than 15 headlines,they are divided in pages, you are be able change the page by clicking on the next or previous buttons.
Diba(somayeh) Karimi - [email protected]
Project Link: https://github.com/DibaKarimi/FT-TEST
- This project was inspired by
- https://github.com/ChristianHur/152-150-Web-Programming-2
- https://www.youtube.com/watch?v=ZX3qt0UWifc
- https://www.youtube.com/watch?v=FgnxcUQ5vho
The project has been built to
- Display headlines from the Financial Times
- Provide search box to search for headlines contaning specific words
- Be responsive
- Be accessible
- Have pagination
- Using Javascript and node.js
- Deployed on Heroku
- Have a similar look and feel as ft.com
- Have unit test
- Use Origami components to design the page
- Work offline
- Progressively enhanced