Baber's Reach - News Portal

Deployed Version

Visit Baber's Reach

Description

Baber's Reach is a responsive web application that serves as the world's farthest reaching news portal. It allows users to browse articles, filter by topics, sort articles, and interact with the content through comments and votes.

Features

• Browse articles on various topics
• Filter articles by topic
• Sort articles by date, title, votes, or comment count
• Read full articles and view comments
• Post comments on articles (requires login)
• Vote on articles (requires login)

How to Use

1. Visit the deployed site
2. Browse articles on the home page
3. Use the dropdown menus to filter by topic or change the sorting order
4. Click on an article to read its full content and view comments
5. Log in to post comments or vote on articles

Back End Repository

The back end for this project can be found at: Baber's Reach API

Local Development

Prerequisites

• Node.js (v14.0.0 or higher)
• npm (v6.0.0 or higher)

Installation

1. Clone the repository:

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

2. Navigate to the project directory:

   cd fe-nc-news
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Open your browser and visit http://localhost:5173

Technologies Used

• React.js
• React Router
• Axios for API requests
• Tailwind CSS for styling

Contributing

Contributions, issues, and feature requests are welcome. Feel free to check issues page if you want to contribute.

License

This project is MIT licensed.

---

This portfolio project was created as part of a Digital Skills Bootcamp in Software Engineering provided by Northcoders