/HNG-Task-3

A SPA Image Galleria

Primary LanguageTypeScript

Image Gallery App

This is a simple image gallery app built with React and Vite. It allows users to view a collection of images, search for images, and sign in/sign up to access additional features.

App Screenshot App Screenshot

Features

  • Browse and view a collection of images.
  • Search for images by keywords.
  • User authentication (Sign up and Sign in).
  • Personalized experience for authenticated users.

Getting Started

Follow these instructions to get the project up and running on your local machine.

Prerequisites

  • Node.js (v14 or higher) and npm.
  • Firebase account for authentication (you'll need to set up a Firebase project and obtain configuration credentials).

Installation

  1. Clone the repository:

    git clone https://github.com/samadeen/HNG-Task-3.git

  2. Navigate to the project directory:

    cd HNG-Task-3

  3. Install dependencies:

    npm install

  4. Set up Firebase Authentication:

  • Create a Firebase project on the Firebase Console.
  • Go to Project settings and add a web app to obtain Firebase configuration credentials.
  • Replace the Firebase configuration in src/firebase.ts with your own credentials.

  1. Start the development server:

    npn run dev

  2. Open your browser and visit http://localhost:5173 to see the app.

  3. Test Credentials for signing in (Password is case sensitive)

    Email : user@example.com, Password : 1Password.