Project 1

Name : Prajjwal Shukla

Student Number : 8910064

1. What queries and prompts did you have to ask it to get it to provide you everything in your final
site files. Copy each prompt you gave it including each me you had to ask it to fix something or
change something ?

Ans. Home Page:

 Query: "Generate HTML and CSS for a home page with a hero image and logo."
 Prompt: "Can you provide content for the hero section, including a catchy headline and a brief
description of the website?"
 Prompt: "Please ensure that the hero section is responsive for mobile and tablet screens."
 Prompt: "Add navigation links to other pages (About Us, Services, Contact) in the header."
About Us Page:

 Query: "Create HTML and CSS for an About Us page."

 Prompt: "Write a compelling introduction about the company or website."
 Prompt: "Include information about the team members or company history."
 Prompt: "Ensure the page layout is responsive and includes navigation links to other pages."
Services Page:

 Query: "Generate HTML and CSS for a Services/Products page."

 Prompt: "List the services or products offered by the company."
 Prompt: "Include descriptions and images for each service or product."
 Prompt: "Ensure the page layout is responsive and includes navigation links."
 Prompt : “Add CSS to service images to make it look like a icon.”
Contact Page:

 Query: "Create HTML and CSS for a Contact page with a form and map."
 Prompt: "Design a contact form with fields for name, email, message, etc."
 Prompt: "Integrate Google Maps to display the company's location."
 Prompt: "Ensure the contact form is functional and responsive."
2. Test the site in Chrome and one other browser of your choice and examine it in inspect mode for
mobile and tablet and answer the following questions:

a. Is the site responsive?

Ans: Yes, the website is responsive.
b. Does the site display correctly in all sizes and browsers tested? If not what was wrong and
did you ask Chat GPT to fix it?

Ans: The site works properly in all screen sizes and browsers tested.

3. Validate the HTML and CSS with W3’s validators and does the code pass?
Ans: Yes Website validates without any error in W3’s validators.
4. List 5 things you find great about the site or are pleasantly surprised Chat GPT did ?

Ans : Things I Really Enjoy:

 The ability to swiftly create HTML, CSS, and content for each page.
 Content is customizable based on prompts.
 Effortlessness in developing a responsive design.
 Google Maps integration on the contact page.
  The general structure and layout of the website.

5. List 5 things you didn’t like and either didn’t work or took several prompts to get it to fix ?

Ans: Things I Did Not Like:

 Occasionally, additional instructions are required to resolve specific difficulties or

make improvements.
 Fine-grained design aspects are only partially under your control.
 Potential variations in code quality.
 Possible requirement for manual adjustments or revisions.
 Images such as the hero image and logo must be added manually.

6. Did you create a nice hero image and logo for your site?

Ans : Yes I created a hero image and a logo

7. Overall how easy was it working with Chat GPT and did it generate an attractive site?

Ans : It was very easy using the prompts it provides all the code properly with a small change
requests.

a. Did it speed up or slow down the process?

Ans : The speed was good trough out the entire process.
b. Did it supply good code?
Ans : Yes it provided good code.
c. Did you have to ask more than 2 times to fix things?

Ans : No , I didn’t had to.