/freeCodeCamp_project-cat_photo_app

A responsive web design project for freeCodeCamp. Explore adorable cat photos, discover what cats love and hate, and submit your own cat photos using the form. HTML5-based, simple and fun!

Primary LanguageHTML

Cat Photo App - Responsive Web Design Project

Project Description

This repository contains my implementation of the freeCodeCamp Responsive Web Design Project - Cat Photo App. In this project, I built a simple web page that showcases cat photos, provides a list of things cats love and hate, and allows users to submit their own cat photos through a form.

Project Requirements

To successfully complete this project, the following requirements from freeCodeCamp's Responsive Web Design Certification were fulfilled:

  1. Create a page with a main heading, indicating the app's name.
  2. Display a section with cat photos and provide a link to view more photos.
  3. Present a list of things that cats love, using an unordered list.
  4. Include a figure with an image and caption related to things cats love.
  5. Display a list of things that cats hate, using an ordered list.
  6. Include another figure with an image and caption related to things cats hate.
  7. Implement a form allowing users to submit cat photos with the following fields:
    • Indoor or outdoor cat (radio buttons).
    • Cat's personality (checkboxes).
    • Cat photo URL (text input).
    • Submit button.

Technologies Used

  • HTML5

How to Use

  1. Clone the repository to your local machine using the following command:

    git clone https://github.com/AtVict0r/freeCodeCamp_Project-Cat_Photo_App.git
    
  2. Open the CatPhotoApp.html file in your web browser to see the Cat Photo App.

  3. Explore the cat photos, the things cats love and hate, and the cat submission form.

Project Structure

The project's file structure is organized as follows:

CatPhotoApp/
│   CatPhotoApp.html
|   html_code_deocumentation.md
│   README.md

Contributing

If you find any issues or have suggestions for improvement, feel free to open an issue or submit a pull request. Contributions are always welcome!

License

This project is licensed under the MIT License.