Quotes App is a React-Vite Random Quotes Generator project, using TheQuote API, display the random quotes by famous Authors, Philosphers, Artists, or Movies, and save it in a List as Favorite with delete options and deploy on Vercel.
Note: To check this web app live, click here: https://quotes-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://thequoteapi.com/
And submit your email to get the API key via email.
you must create an .env file in your project folder and save your API key or other sensetive info.
Example:
VITE_QUOTE_API_KEY=
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