https://github.com/aimable01/gupphylib
An image library app built with angular and unsplash images api.
https://github.com/aimable01/gupphylib
angular css html typescript
Last synced: about 17 hours ago
JSON representation
An image library app built with angular and unsplash images api.
- Host: GitHub
- URL: https://github.com/aimable01/gupphylib
- Owner: Aimable01
- Created: 2025-01-23T11:39:06.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-23T12:12:12.000Z (about 1 year ago)
- Last Synced: 2025-03-23T11:45:29.616Z (about 1 year ago)
- Topics: angular, css, html, typescript
- Language: TypeScript
- Homepage: https://gipphylib.vercel.app
- Size: 377 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GiphyLib
GiphyLib is a simple Angular application that allows users to explore and search for images (GIFs) using the Unsplash API. It features a responsive design with dynamic content loading and a user-friendly interface.
## Features
- **Trending Images**: Displays trending images from Unsplash.
- **Random Images**: Fetches random images from a variety of interesting topics.
- **Search Functionality**: Allows users to search for specific images.
- **Responsive Design**: Works seamlessly on desktop, tablet, and mobile devices.
- **Loading Skeleton**: Displays a loading skeleton while images are being fetched.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Aimable01/guphylib.git
```
2. Navigate to the project directory:
```bash
cd giphylib
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
ng serve
```
5. Open your browser and navigate to `http://localhost:4200`.
## Usage
- **Home Page**: Displays random images from various topics.
- **Trending Page**: Shows trending images.
- **Search Bar**: Use the search bar to find specific images.
## Technologies Used
- **Angular**: Frontend framework.
- **Unsplash API**: For fetching images.
- **Tailwind CSS**: For styling.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request.