This is a Api Website to generate random Quote
View Demo
.
API Backend Code
This project consists of the frontend of a phrase API using Vue.js. It provides an intuitive and attractive user interface to interact with the API and display the obtained phrases. Includes Login, Api documentation and admin site to see and manage all phrases.
- Intuitive interface: The frontend has been designed to provide a smooth and pleasant user experience.
- API consumption: The frontend communicates with the phrases API in the backend to fetch and display phrase data. It uses HTTP requests to access the endpoints provided by the API and display the results in the frontend.
- Reusable components: Reusable components have been created in Vue.js to improve modularity and ease code maintenance. This allows for greater efficiency in development and the ability to easily extend functionality in the future.
- Responsive design: The frontend is designed to adapt to different devices and screen sizes. CSS and responsive design techniques have been used to ensure an optimal user experience on desktops, tablets and mobile devices.
- Vue.js.
- TailwindCSS to general styles.
- Ant Design to tables
- Axios to interact with Api
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm@latest -g
-
Need deploy Laravel Backend from [https://github.com/yosbp/ai-phrases-API] or create .env File with (VITE_URI = https://api.iaphrases.live/api) to use my public API.
-
Clone the repo
git clone https://github.com/your_username_/Project-Name.git
- Install NPM packages
npm install
- Enter your URI in
.env
File
VITE_URI = http://127.0.0.1:8000/api
- Run your local host
npm run build
Distributed under the MIT License.
- Yosmar Barco - Yosmar Barco - Ai Phrases - Front