This project is a news website built using ReactJS and the New York Times API. The website is designed to display a variety of news articles from various categories such as politics, business, technology, and entertainment. The website also allows users to search for articles based on keywords or specific sections of the New York Times.
-
Homepage: The homepage displays a list of the latest articles from all categories. The articles are displayed in a grid layout with the title, brief summary, and an image. Users can click on an article to view the full article and its details.
-
Categories: The website has a top navigation bar with links to various categories of news. When a user clicks on a category, they are taken to a page that displays a list of articles from that specific category.
-
Responsive design: The website is designed to be responsive and adapt to different screen sizes and devices.
-
ReactJS: The website is built using ReactJS, a popular JavaScript library for building user interfaces.
-
New York Times API: The website uses the New York Times API to fetch data for the articles. The API allows the website to access a wide range of articles from the New York Times and display them on the website.
-
Bootstrap: The website uses Bootstrap, a popular CSS framework, for its layout and styling.
To install and set up the project, follow these steps:
- Install the required dependencies by running the following command:
npm install
- Create a file called
.envin the root of the project and add your New York Times API key:
REACT_APP_API_KEY=your-api-key
- Start the development server by running the following command:
npm start
The website will be available at http://localhost:3000.
This project is a news website built using ReactJS and the New York Times API. It allows users to browse and read articles from various categories and search for articles based on keywords or sections. The website is responsive and adapts to different screen sizes and devices.