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.
To successfully complete this project, the following requirements from freeCodeCamp's Responsive Web Design Certification were fulfilled:
- Create a page with a main heading, indicating the app's name.
- Display a section with cat photos and provide a link to view more photos.
- Present a list of things that cats love, using an unordered list.
- Include a figure with an image and caption related to things cats love.
- Display a list of things that cats hate, using an ordered list.
- Include another figure with an image and caption related to things cats hate.
- 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.
- HTML5
-
Clone the repository to your local machine using the following command:
git clone https://github.com/AtVict0r/freeCodeCamp_Project-Cat_Photo_App.git
-
Open the
CatPhotoApp.html
file in your web browser to see the Cat Photo App. -
Explore the cat photos, the things cats love and hate, and the cat submission form.
The project's file structure is organized as follows:
CatPhotoApp/
│ CatPhotoApp.html
| html_code_deocumentation.md
│ README.md
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!
This project is licensed under the MIT License.