News App is a React-Vite Random Current World Related Live News project, using GNews API, Axios for the HTTP Client Request, display the News in different Category in Navbar, display the details in a Popup page, Read more as Source Link and deploy on Vercel.
Note: To check this web app live, click here: https://news-arnob.vercel.app/
Before launching this web application, be sure to install all required dependencies, which are listed in the package.json file.
To install all dependences, run this command from your project folder: npm install
Make sure you have NodeJS installed in your machine first, The installation instructions are here: https://nodejs.org/en/
Run your project: npm run dev
Run on your browser Local: http://localhost:5173/
Visit the website: https://gnews.io/docs/v4#authentication
And create an account and submit your email to get the API key.
you must create an .env file in your project folder and save your API key or other sensetive info.
Example:
VITE_NEWS_API_KEY=
npm install axios
For more details, visit: https://axios-http.com/docs/intro
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh