https://github.com/codersuresh/image-gallery

Image gallery made using Next.js, Tailwindcss, and Pexels API
https://github.com/codersuresh/image-gallery

axios nextjs pexels-api react tailwindcss typescript

Last synced: 3 months ago
JSON representation

Image gallery made using Next.js, Tailwindcss, and Pexels API

• Host: GitHub
• URL: https://github.com/codersuresh/image-gallery
• Owner: coderSuresh
• Created: 2023-06-30T05:10:10.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-09T04:25:38.000Z (11 months ago)
• Last Synced: 2025-01-07T20:11:54.070Z (5 months ago)
• Topics: axios, nextjs, pexels-api, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://image-gallery-codersuresh.vercel.app
• Size: 3.97 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NextJS Image Gallery

This is a simple image gallery built with NextJS and TailwindCSS. It uses the Pexels API to fetch images.

## Table of Contents

- [Links](#links)

- [Screenshots](#screenshots)

- [Features](#features)

- [Technologies](#technologies)

- [What I learned](#what-i-learned)

## Links

- [Live Site](https://image-gallery-codersuresh.vercel.app/)

- [Github Repo](https://github.com/codersuresh/image-gallery)

## Screenshots

![screenshot](./public/screenshot.png)

## Features

- view images

- search images

- filter images by given categories

## Technologies

- NextJS

- TailwindCSS

- Pexels API

## What I learned

- how to use NextJS

- how to use Pexels API in NextJS

- how to use NextJS Image component

- how to use NextJS Link component

- how to use NextJS Router