Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ijayabby/spa-rest-api-in-vuejs
This project is built with Vue.js and Vite, and uses Dog API RESTful API that provides access to images of different dog breeds and sub-breeds. Users can select an image to apply filters to it using Cloudinary's image transformation APIs.
https://github.com/ijayabby/spa-rest-api-in-vuejs
cloudinary dogapi restful-api spa vuejs
Last synced: 21 days ago
JSON representation
This project is built with Vue.js and Vite, and uses Dog API RESTful API that provides access to images of different dog breeds and sub-breeds. Users can select an image to apply filters to it using Cloudinary's image transformation APIs.
- Host: GitHub
- URL: https://github.com/ijayabby/spa-rest-api-in-vuejs
- Owner: IjayAbby
- License: mit
- Created: 2023-07-14T02:03:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-25T05:51:33.000Z (over 1 year ago)
- Last Synced: 2024-12-09T19:08:44.254Z (about 2 months ago)
- Topics: cloudinary, dogapi, restful-api, spa, vuejs
- Language: Vue
- Homepage: https://quiet-narwhal-49f1da.netlify.app/
- Size: 227 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dog API Project
This project is built with Vue.js and Vite, and uses [Dog API](https://dog.ceo/dog-api/) RESTful API that provides access to images of different dog breeds and sub-breeds. Users can select an image to apply filters to it using Cloudinary's image transformation APIs.
## Preview
## Live Demo
Check out a live demo of this project [here.](https://quiet-narwhal-49f1da.netlify.app/)
## Features
- Displays a list of random dog images fetched from the Dog API
- Displays dog images from a dog breed.
- Allows users to select an image and apply filters to it using Cloudinary's image transformation APIs
- Filters include sepia, grayscale, and cartoonify
## Installation
1. Clone this repository to your local machine.
2. Install the project dependencies by running `npm install` in the project directory.
3. Start the local development server by running `npm run dev`.
## Usage
1. Open the application in your browser at `http://localhost:5173`.
2. Browse the list of random dog images displayed on the home page.
3. Click on an image to open it in the filter page.
4. Use the filter buttons to apply filters to the selected image.
## Contributing
:handshake: Contributions, issues and feature requests are welcome!
Start by:
1. Forking the project
2. Cloning the project to your local machine
3. cd into the project directory
4. Run git checkout -b your-branch-name
5. Make your contributions
6. Push your branch up to your forked repository
7. Open a Pull Request with a detailed description to the main branch of the original project for a review
Please feel free to contribute to any of these!
Feel free to check the [issues page](https://github.com/IjayAbby/SPA-REST-API-in-Vuejs/issues).
## Author
👤 **Ijay Abby**
- Github: [@IjayAbby](https://github.com/IjayAbby)
- Twitter: [@Ijay_js](https://twitter.com/Ijay_js)
- LinkedIn: [Abigael Nyangasi](https://www.linkedin.com/in/ijayabby4/)
# Show your support
Give a :star2: if you like this project! :blush:
## Acknowledgments
- Thanks are owed to the designer, [Chantelle Kyendereta](https://www.behance.net/kyendereta), for design.
- [Cloudinary](https://cloudinary.com/documentation) for image hosting and transformation.
- Open source dog pictures provided by [Dog API](https://dog.ceo/dog-api/)
# 📝 License
This project is [MIT](https://github.com/IjayAbby/SPA-REST-API-in-Vuejs/blob/main/LICENSE) licensed.
Happy coding!