About
Welcome to my project https://front-end-daniel.netlify.app/ ! This front-end project is designed to showcase press articles, enabling users to interact with and explore a curated list of articles. The project features a home page, article listing with sorting options, article viewing and liking functionality, commenting capabilities, and article filtering by topic.
Features
Home Page
Upon entering the application, users are greeted with a welcoming home page that provides an overview of the project.
Article Listing
The project displays a comprehensive list of press articles sourced from the back-end API created by me(https://github.com/darvatu/Personal-Project.git and hosted online at: https://daniel-app.onrender.com/api/ ). Users can easily navigate through the articles and explore the content.
Sorting
Articles can be sorted in ascending or descending order based on the following criteria: Date created Comment count Votes
Article Interaction
Users have the ability to view and like each article, enabling them to express their interest and appreciation for the content.
Comments
Each article displays associated comments, allowing users to engage in discussions and share their thoughts. By default, only the author can add new comments to articles and delete their own comments as needed.
Filtering
The project provides a convenient filtering mechanism that allows users to narrow down articles based on specific topics of interest.
Getting Started
To run this project locally, follow these steps:
- Clone the repository : git clone https://github.com/darvatu/Front-End-Repo.git
- Navigate to the project directory: After cloning, they should navigate into the project directory: cd Front-End-Repo
- Install dependencies: This project is using Vite, which is a build tool that requires Node.js. The user needs to install Node.js and npm (which comes with Node.js) if they haven't already. After that, they can install the project dependencies with: npm install
- Start the development server: Vite includes a development server out of the box. The user can start this server with: npm run dev
- Access the application through your web browser at [Localhost URL showed on the Terminal].