floriancatalinelisei / catphotoapp

The Cat Photo App is a simple web application designed to showcase adorable cat photos. It features a section with engaging lists of things cats love and hate, and includes an interactive form for users to submit their own cat photo URLs. This project aims to provide a fun and easy way to explore and share cat photos.

Cat Photo App

Welcome to the Cat Photo App! This project is a simple web application that showcases cat photos, provides a list of things cats love and hate, and includes a form for submitting cat photo URLs.

Table of Contents

• Cat Photo App
  • Table of Contents
  • Features
  • Installation
  • Usage
    • Example

Features

• Cat Photos: View a cute cat photo and a link to an external gallery for more cat photos.
• Cat Lists: Learn about things cats love and hate through engaging lists and images.
• Cat Form: Submit a cat photo URL along with details about your cat's preferences.

Installation

To run this project locally, follow these steps:

1. Clone the repository: ```bash git clone https://github.com/floriancatalinelisei/CatPhotoApp.git ```
2. Navigate to the project directory: ```bash cd CatPhotoApp ```

Usage

To view the app, simply open the index.html file in your web browser:

```bash open index.html ```

The application consists of the following sections:

1. Cat Photos: Displays a cat photo and a link to a gallery of more cat photos.
2. Cat Lists: Shows lists of things cats love and hate, with relevant images and captions.
3. Cat Form: A form to submit a cat photo URL along with details about the cat's living environment and personality.

Example

The index.html includes:

• Cat Photos Section:

  • A cute orange cat photo.
  • Link to freecatphotoapp.com for more cat photos.

• Cat Lists Section:

  • Things cats love: cat nip, laser pointers, lasagna.
  • Things cats hate: flea treatment, thunder, other cats.

• Cat Form Section:

  • Radio buttons to select if the cat is indoor or outdoor.
  • Checkboxes to indicate the cat's personality (loving, lazy, energetic).
  • A text input for the cat photo URL.