added projects i projects page

Author: sumana-2705

pictures/dashboard.png

@@ -23,24 +23,91 @@
         <div class="flex-box">
             <div class="project-box">
                 <div class="image">
-                    <img src="pictures/chatbot.png" alt="image">
+                    <a href="https://github.com/sumana-2705/AI-chatbot" target="_blank">
+                        <img src="pictures/chatbot.png" alt="image">
+                    </a>
                 </div>
                 <div class="project-content">
-                    <h4>title</h4>
+                    <a href="https://github.com/sumana-2705/AI-chatbot">                 
+                        <h4>AI Chatbot Development Using LangChain and Ollama</h4>
+                    </a>
+                    
                 <br>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo cum dolores animi itaque ab dicta et, explicabo at, sit eligendi architecto natus exercitationem a provident expedita fugit voluptate, atque molestiae nemo! Ipsa consequuntur hic exercitationem fuga aliquam nostrum eius officia ad perspiciatis voluptas et molestias qui labore ratione facere fugit quibusdam iusto, laudantium, nihil illum esse! Reiciendis sapiente consequuntur unde! Ad accusantium repudiandae ipsum optio ullam numquam aliquid, sapiente quia sequi architecto  
+                <p>Developed an AI chatbot leveraging LangChain and Ollama's LLM to provide real-time, context-aware conversational responses. The chatbot features an interactive front-end built with Streamlit, delivering a seamless and engaging user experience. Overcame technical challenges in API integration, input validation, and backend functionality to ensure reliable and efficient performance. This project demonstrates proficiency in conversational AI, front-end development, and effective problem-solving to create intelligent, user-centric applications.
                 </p>
                 </div>
             </div>
 
             <div class="project-box">
                 <div class="image">
-                    <img src="pictures/chatbot.png" alt="image">
+                    <a href="https://github.com/sumana-2705/Vehicle-Detection-using-OpenCV" target="_blank">
+                        <img src="pictures/neural-network.jpg" alt="image">
+                    </a>
+                    
                 </div>
                 <div class="project-content">
-                    <h4>title</h4>
+                    <a href="https://github.com/sumana-2705/Vehicle-Detection-using-OpenCV"><h4>Real-Time Vehicle Detection using OpenCV and YOLOv5</h4></a>
                 <br>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo cum dolores animi itaque ab dicta et, explicabo at, sit eligendi architecto natus exercitationem a provident expedita fugit voluptate, atque molestiae nemo! Ipsa consequuntur hic exercitationem fuga aliquam nostrum eius officia ad perspiciatis voluptas et molestias qui labore ratione facere fugit quibusdam iusto, laudantium, nihil illum esse! Reiciendis sapiente consequuntur unde! Ad accusantium repudiandae ipsum optio ullam numquam aliquid, sapiente quia sequi architecto  
+                <p>Designed and implemented a high-performance vehicle detection system using the YOLOv5 deep learning model, pre-trained on a dataset of 2,704 traffic scenario images. The system achieved a remarkable 98% detection accuracy by integrating OpenCV for real-time image preprocessing and vehicle recognition. Leveraging transfer learning, the model was fine-tuned to enhance training efficiency and detection precision, making it highly optimized for real-world traffic environments. This project showcases expertise in computer vision, deep learning, and real-time application development for intelligent transportation systems.  
+                </p>
+                </div>
+            </div>
+            <div class="project-box">
+                <div class="image">
+                    <a href="https://github.com/sumana-2705/Skimlit-project" target="_blank">
+                        <img src="pictures/nlp.jpg" alt="image">
+                    </a>
+                    
+                </div>
+                <div class="project-content">
+                    <a href="https://github.com/sumana-2705/Skimlit-project"><h4>Skimlit-project</h4></a>
+                <br>
+                <p>Engineered an advanced NLP model to classify abstract sentences into their respective roles, such as objectives, methods, and results, facilitating researchers in efficiently skimming through literature and focusing on relevant sections. Experimented with five diverse modeling approaches, including a 1D Convolutional model, a Naive Bayes model with pretrained embeddings, a convolutional model with character embeddings, and a hybrid embedding layer combining pretrained token and character embeddings.  
+                </p>
+                </div>
+            </div>
+
+            <div class="project-box">
+                <div class="image">
+                    <a href="https://github.com/sumana-2705/Road-Accidents-PowerBI" target="_blank">
+                        <img src="pictures/dashboard.png" alt="image">
+                    </a>
+                    
+                </div>
+                <div class="project-content">
+                    <a href="https://github.com/sumana-2705/Road-Accidents-PowerBI"><h4>PowerBI Dashboard analysing Road Accidents</h4></a>
+                <br>
+                <p>A Dashboard is prepared using PowerBI based on road accidents data in India. This analysis includes analysing the major causes of road accidents, which includes Gender of driver, Accident Severity, Count of Casualities based on their age etc..,  
+                </p>
+                </div>
+            </div>
+
+            <div class="project-box">
+                <div class="image">
+                    <a href="https://github.com/sumana-2705/Predicting-Student-Performance-Index" target="_blank">
+                        <img src="pictures/student-performance.png" alt="image">
+                    </a>
+                    
+                </div>
+                <div class="project-content">
+                    <a href="https://github.com/sumana-2705/Predicting-Student-Performance-Index"><h4>Predicting Student Performance Index</h4></a>
+                <br>
+                <p>A Multiple Regression model was developed to predict the Student Performance Index using key factors such as Hours Studied, Previous Scores, Sleep Hours, and Number of Practice Papers. By employing Multiple Variable Linear Regression techniques, the model effectively learned the relationships between these features and the performance metric. The model achieved impressive results with training, cross-validation, and test costs of 220.20, 230.12, and 226.96 respectively, significantly outperforming the benchmark of 368.51. 
+                </p>
+                </div>
+            </div>
+
+            <div class="project-box">
+                <div class="image">
+                    <a href="https://github.com/sumana-2705/Online-food-orders-Analysis" target="_blank">
+                        <img src="pictures/online-food.png" alt="image">
+                    </a>
+                    
+                </div>
+                <div class="project-content">
+                    <a href="https://github.com/sumana-2705/Online-food-orders-Analysis"><h4>Online Food Orders Analysis</h4></a>
+                <br>
+                <p>Analysis on the Online Food Orders to uncover insights into customer behavior and preferences. Utilized Python frameworks such as NumPy, Pandas, Matplotlib with Seaborn to plot various graphs obtaining relations among data. Analyzed customer feedback to understand their experience with online food services and identified areas for Improvement. 
                 </p>
                 </div>
             </div>

pictures/neural-network.jpg

@@ -204,7 +204,7 @@ span{
 }
 
 .projects{
-    padding:12% 4%;
+    padding:9% 4%;
 
 }
 .flex-box{
@@ -232,7 +232,7 @@ span{
     border: 2px solid black;
 }
 
-.image{
+.image a{
     width: 100%;
     height: auto;
     max-height: 150px;
@@ -247,7 +247,12 @@ span{
     height: auto;
     object-fit: cover;
 }
+.project-content a{
+    color: black;
+    text-decoration: underline;
+}
 .project-content{
+    color: black;
     padding: 1rem 0 0 0;
     overflow: hidden;
     display: flex;