Company : Codetech IT Solutions
Name : Kokate Dipali Gorakhnath
Intern Id: CT08GDL
Domain: Web Development
Batch duration: December 25th, 2024 to January 25th, 2025
Mentor Name: Neeal santosh
Detailed description of all four tasks!
Task 1: Weather API Website
This website provides real-time weather data using an API. It allows users to search for weather conditions in different cities and view detailed information such as temperature, humidity, wind speed, and weather forecasts. The application fetches data from a weather API and displays it in a user-friendly interface, offering an intuitive experience to track current and future weather conditions.
Features:
Search for weather data of any city.
View detailed weather information, including temperature, humidity, wind speed, and forecast.
Display weather data in an easy-to-read format with icons and graphs.
Integration with a weather API for real-time updates.
Technologies:
Frontend: HTML, CSS, JavaScript
API: OpenWeatherMap (or any other weather API)
Setup Instructions:
Clone the repository.
Set up the API key for the weather service.
Open the HTML file in your browser.
Enter a city name to view its weather data.
Output:
Task 2: Real-Time Chat Application
This real-time chat application allows users to communicate instantly through a web interface. Built using Node.js, Express, and Socket.IO, it provides a seamless chat experience with real-time message broadcasting between clients. The frontend is styled with CSS for a modern and responsive user interface.
Features:
Real-time message broadcasting.
Simple and clean chat interface.
Instant updates across all connected clients.
User-friendly design with a scrollable message list.
Technologies:
Frontend: HTML, CSS, JavaScript
Backend: Node.js, Express.js, Socket.IO
Setup Instructions:
Clone the repository.
Install dependencies by running npm install.
Start the server with node server.js.
Open http://localhost:3000 in your browser to start chatting.
Output: 
Task 3: Dynamic Web Application
This dynamic web application integrates both a frontend and backend to provide a seamless user experience. The frontend is built with modern web technologies, while the backend handles data management and server-side logic. The application features real-time interaction, user data processing, and integration with databases to ensure smooth functionality.
Features:
Real-time user interaction and data updates.
Modular architecture with separate frontend and backend components.
Data handling and storage with backend integration.
User authentication and activity tracking.
Technologies:
Frontend: HTML, CSS, JavaScript, React.js (or other as per the project)
Backend: Node.js, Express.js
Database: PostgreSQL (or other as per the project)
Setup Instructions:
Clone the repository.
Set up the MySQL database and configure the backend.
Run the backend server and the frontend client using npm run dev.
Access the app through your browser and explore the functionality.
Task 4: Website Productivity Tracker Extension
This Chrome extension tracks the time spent on various websites and provides productivity analytics. It classifies websites as productive or unproductive, generates weekly productivity reports, and stores the data in a MySQL database via a Node.js backend. The extension offers an intuitive user interface that allows users to view their activity and monitor their productivity.
Features:
Tracks time spent on websites in real-time.
Classifies websites as productive or unproductive.
Provides weekly productivity reports in the popup interface.
Data is stored in a MySQL database with backend support from Node.js and Express.
Technologies:
Frontend: Chrome Extension (HTML, JavaScript, CSS)
Backend: Node.js, Express.js
Database: MySQL
Setup Instructions:
Clone the repository.
Set up the MySQL database and configure the backend.
Load the extension in Chrome via the "Load Unpacked" option.
Track website activity and view productivity reports in the extension popup.