React + TypeScript + Vite - Good Boy App

Description

A dog image gallery application featuring a collection of adorable dog images. Link to the page

Components Created

• Dashboard: The main dashboard for the Good Boy App.
• Text: A simple text component.
• Select: A select component for choosing different dog breeds.
• Listing: A listing component for displaying dog images.
• LoadMore: A component for loading more dog images.

Installation

1. Clone the Repository: Download or clone this repository to your local machine.

   git clone https://github.com/AtiposEiji/GoodBoyApp.git
   

2. Install Dependencies: Navigate to the project directory and install the required packages using npm.

   cd GoodBoyApp
   npm install

3. Run the Development Server: Start the development server using the following command:

   npm run dev

Alternatively, you can use the NPM SCRIPTS dropdown in VS Code to run the development server.

Technologies

• Vite: The project was created using Vite, a build tool for front-end development with React and TypeScript.
• React + TypeScript: The core technology stack for building the Good Boy App.
• Masonry Library: The Masonry library was used for visually appealing and responsive listing of dog images.

Enjoy exploring the world of adorable dog images with the Good Boy App!

Link to my GitHub