Prodigy Internship - Web Development

This repository contains the tasks assigned during the Prodigy Internship for web development. Each task focuses on different aspects of front-end web development, covering fundamental concepts like authentication, DOM manipulation, game logic, and API integration.

Tasks Overview

Task 1: Sign-In Page / Landing Page

Objective: Create a user-friendly sign-in page to land on.

Features:

• A simple form with inputs for username/email and password.
• Client-side validation for empty fields.
• A "Submit" button to log in, and "Reset" button to clear the form fields.

Technologies Used:

• HTML for structuring the form.
• CSS for styling the page.
• JavaScript for basic validation.

Instructions:

1. Clone the repository.
2. Navigate to the Task 1 directory.
3. Open index.html in your browser.

Task 2: Stopwatch Web Application

Objective: Build a stopwatch that can start, stop, and reset time.

Features:

• A start button to begin timing.
• A stop button to pause the stopwatch.
• A reset button to reset the time.
• Display hours, minutes, seconds, and milliseconds.

Technologies Used:

• HTML for structure.
• CSS for layout and design.
• JavaScript for timer functionality.

Instructions:

1. Navigate to the Task 2 directory.
2. Open index.html to use the stopwatch.

Task 3: Tic-Tac-Toe Game

Objective: Create a web-based Tic-Tac-Toe game for two players.

Features:

• A 3x3 grid for gameplay.
• Two-player turn-based system.
• Win and draw conditions displayed.
• Option to reset the game.

Technologies Used:

• HTML for the grid structure.
• CSS for styling the game interface.
• JavaScript for the game logic, turns, and checking win conditions.

Instructions:

1. Navigate to the Tsk 3 directory.
2. Open index.html to start the game.

Task 4: Weather App

Objective: Build a weather application that fetches and displays weather information for a given city.

Features:

• Input field to search for the weather in any city.
• Fetches real-time weather data using an external API (e.g., OpenWeatherMap).
• Displays the current temperature, weather conditions, and an icon representing the weather.
• Error handling for invalid city names or failed API calls.

Technologies Used:

• HTML for the input and display sections.
• CSS for layout and responsive design.
• JavaScript for fetching data from the weather API and displaying it.

Instructions:

1. Navigate to the Task 4 directory.
2. Open index.html in your browser, enter a city name, and see the weather!

Getting Started

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

   git clone https://github.com/Zian-Surani/Prodigy.git
   

2. Navigate to each task folder and open the respective index.html files in your browser.

Technologies Used

• HTML5 for structuring web pages.
• CSS3 for styling and layout.
• JavaScript (ES6) for functionality and interactivity.
• Weather API for real-time weather data (Task 4).