Skip to content

An image gallery application built with Angular. Users can view a collection of images and delete them. This project showcases Angular directives and pipes for handling data display and transformation.

Notifications You must be signed in to change notification settings

saurabhbhaskar/angular_gallery

Repository files navigation

Angular Gallery

This is a Angular Gallery application built using Angular for the frontend, Supabase for backend services, and GitHub API for user authentication. The application allows users to authenticate using their GitHub accounts and upload their images to the gallery.

This project was generated with Angular CLI version 17.0.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Features

  • User Authentication: Users can sign in using their GitHub accounts.
  • Image Upload: Authenticated users can upload images to their gallery.
  • Image Display: Images are displayed in a responsive grid layout.
  • Image Preview: Click on any image to see a larger preview in a modal.

Technologies Used

  • Frontend: Angular
  • Backend as a Service: Supabase
  • Authentication: GitHub API

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js and npm installed on your machine.
  • An active GitHub account for authentication.
  • A Supabase account with a project set up.

Getting Started

Clone the Repository

npm i ng serve

About

An image gallery application built with Angular. Users can view a collection of images and delete them. This project showcases Angular directives and pipes for handling data display and transformation.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •