pages/1Introduction to Machine Learning.py

import streamlit as st
st.markdown("<h1> ✍What is Data Science?</h1>",unsafe_allow_html=True)

st.markdown("""
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>Data science is a field that extracts insights and knowledge from data. It’s like being a detective who uses clues (data) to solve mysteries (business problems or questions).
</p>
""", unsafe_allow_html=True)

st.markdown("<h3 style='text-align:; color: #4CAF50;'>📊Example📈🔍 </h3>", unsafe_allow_html=True)


st.markdown("""
<p style="font-size:16px; color: #FFFFFF;">
A farmer wanted to grow the best crops but didn’t know which seeds to plant. A scientist helped by collecting data on soil, temperature, and rainfall, and used that data to give the farmer advice on when to plant and water the crops.
</p>
<p style="font-size:16px; color: #FFFFFF;">
Just like the scientist analyzed data to guide the farmer, data science uses data to find patterns and make decisions, helping solve problems and predict outcomes.
</p>
""", unsafe_allow_html=True)

st.markdown("<h1>What is Artificial Intelligence? 🤖</h1>", unsafe_allow_html=True)

st.markdown("""
<ul style="font-family: Arial; line-height: 1.6;">
    <li><b>Artificial Intelligence (AI)</b> enables machines to mimic human intelligence.</li>
    <li>It allows machines to learn from data and generate meaningful outputs.</li>
    <li>AI replicates tasks like recognizing patterns, making decisions, and creating content.</li>
    <li>Machines are trained using data and algorithms to improve over time.</li>
    <li>AI bridges the gap between natural intelligence and machine capabilities.</li>
</ul>
""", unsafe_allow_html=True)


st.markdown("<h3 style='text-align:; color: #4CAF50;'>Example 🤖</h3>", unsafe_allow_html=True)


# Story Content
st.markdown("""
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
There was a mother and her young daughter who didn’t know how to draw. Wanting to help, the mother enrolled her daughter in a drawing class. 
At the class, the teacher showed her step-by-step how to draw simple shapes and pictures. The girl practiced every day, observing and mimicking what her teacher showed. 
Over time, she improved and could create beautiful drawings on her own. This was possible because of the natural intelligence given by God—her ability to learn, practice, and create. ✍️✨
</p>
<p style='text-align: justify; color:#FFFFFF; font-size: 18px;'>
Similarly, in Artificial Intelligence (AI), machines do not have natural intelligence to learn or create on their own. 
Just as the mother guided her daughter by enrolling her in classes and the teacher helped her practice, we guide machines by feeding them data and teaching them patterns. 
Over time, the machine learns from this data and mimics natural intelligence to perform tasks intelligently.
</p>
""", unsafe_allow_html=True)

st.image("https://huggingface.co/spaces/hari3485/DiveIntoML/resolve/main/image.png")


# Key Points
st.markdown("""
<ul style='color: #2196f3; font-size: 18px;'>
    <li>📚 <strong>Learning Ability:</strong> Machines learn patterns and knowledge from data, just like the girl learned to draw by observing examples and practicing.</li>
    <li>🎨 <strong>Generating Ability:</strong> After learning, machines can create outputs such as text, images, or decisions, imitating human-like intelligence.</li>
</ul>
""", unsafe_allow_html=True)
 

st.markdown("<h1 >Machine Learning (ML)</h1>", unsafe_allow_html=True)
st.markdown("""
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
ML acts as a guide for machines, helping them learn from data using algorithms. It uses step-by-step instructions provided by the guide (algorithm). 
ML identifies relationships mathematically, considered as a function.
</p>
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
<b>Key Requirements:</b>
<ul>
    <li><b>Data:</b> Must be in table form (features and labels).</li>
    <li><b>Algorithm:</b> Must be in a statistical form.</li>
</ul>
</p>
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
When both conditions are met, ML finds the relationship between inputs (features) and outputs (class labels). 
Inputs are called <b>features</b>, and outputs are called <b>class labels</b>. ML learns a function to understand how inputs and outputs are related.
</p>
""", unsafe_allow_html=True)

st.markdown("<h3 style='text-align:; color: #4CAF50;'>🧠Example💡 </h3>", unsafe_allow_html=True)



st.markdown("""
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
Machine Learning (ML) is like a teacher who uses past exam results to find patterns and help students improve. By analyzing how study habits affect grades, 
the teacher creates a system that suggests personalized study tips. Similarly, ML uses past data to identify patterns and make predictions, 
like Netflix recommending movies based on your viewing history.
</p>
""", unsafe_allow_html=True)


# DL Section
st.markdown("<h1 >Deep Learning (DL)</h1>", unsafe_allow_html=True)
st.markdown("""
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
DL extends ML by adding a logical structure called neurons. These neurons process inputs, compute relationships, and produce outputs. 
It is a subfield of both <b>AI</b> and <b>ML</b>.
</p>
""", unsafe_allow_html=True)

st.markdown("<h3 style='text-align:; color: #4CAF50;'>📚Example🤖💡 </h3>", unsafe_allow_html=True)


st.markdown("""
<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
Deep Learning (DL) is like learning from experience instead of just following rules, unlike Machine Learning (ML), which follows fixed instructions. 
DL uses systems that improve over time by processing data and recognizing patterns. 
A real-life example is self-driving cars, which learn to navigate and make decisions by processing data and getting better with experience.
</p>
""", unsafe_allow_html=True)

# App Title
st.markdown("<h1>Generative AI: A Transformative Technology</h1>",unsafe_allow_html=True)

# Introduction with bold and larger font
st.markdown("""
<h2 style="color: #4CAF50;">Definition</h2>
<p style="font-size:16px;">
Generative AI is a <strong>transformative technology</strong> designed to mimic human-like learning and creativity by leveraging 
<strong>Machine Learning (ML)</strong> and <strong>Deep Learning (DL)</strong> techniques. It focuses on generating new content such as:
</p>
<ul style="font-size:16px;">
    <li>Text</li>
    <li>Images</li>
    <li>Audio</li>
    <li>Code</li>
</ul>
<p style="font-size:16px;">Tools like <strong>ChatGPT</strong>, <strong>Gemini</strong>, and <strong>Meta AI</strong> exemplify its capabilities in 
<strong>natural language processing</strong> and <strong>content generation</strong>.</p>
""", unsafe_allow_html=True)

# Key Feature with examples
st.markdown("""
<h2 style="color: #4CAF50;">Key Feature</h2>
<ol style="font-size:16px;">
    <li>
        <strong>Content Creation</strong>: Generative AI tools like <strong>ChatGPT</strong> create human-like text for applications such as emails and stories.
    </li>
</ol>
""", unsafe_allow_html=True)



# Potential of Generative AI
st.markdown("""
<h2 style="color: #4CAF50;">Potential of Generative AI</h2>
<p style="font-size:16px;">
Generative AI represents the next step in technological evolution. By mastering its concepts, individuals can create systems that 
mimic human creativity, enhance decision-making, and solve real-world problems in innovative ways.
</p>
""", unsafe_allow_html=True)