A dynamic news website that seamlessly fetches and displays the latest news using the newsapi.org API. This project was an acceptance task to be a team member of a student club in my university.
ViteReact.jsReact BootstrapNews API
As there was a deadline for submission, I rushed through the process. I had recently started learning React, so I had to learn and figure out a lot in a short time. To make this project better, for starters, the overall UI/design should be improved, fitting the content in the cards better. Active nav buttons could have different styling, and implementing a light mode, for instance, would be beneficial. Adding filter options to choose the country or popularity might enhance the user experience. These improvements might soon be implemented; how soon? Time will tell 😅.
To run the project in your local environment, follow these steps:
- Clone the repository to your local machine.
- Navigate to the project directory and run
npm installoryarnto install the required dependencies. - Start the project with
npm run devoryarn dev. - Open http://localhost:5173 (or the address displayed in your console) in your web browser to view the application.