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.
Check out a live demo of this project here.
- 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
- Clone this repository to your local machine.
- Install the project dependencies by running
npm installin the project directory. - Start the local development server by running
npm run dev.
- Open the application in your browser at
http://localhost:5173. - Browse the list of random dog images displayed on the home page.
- Click on an image to open it in the filter page.
- Use the filter buttons to apply filters to the selected image.
🤝 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.
👤 Ijay Abby
- Github: @IjayAbby
- Twitter: @Ijay_js
- LinkedIn: Abigael Nyangasi
Give a 🌟 if you like this project! 😊
- Thanks are owed to the designer, Chantelle Kyendereta, for design.
- Cloudinary for image hosting and transformation.
- Open source dog pictures provided by Dog API
This project is MIT licensed.
Happy coding!