diff --git a/src/App.jsx b/src/App.jsx
index 6bf3e21..87f764e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,21 +1,18 @@
-import logo from './logo.svg';
+import React from "react";
 import './mybox.css';
-import Todolist from './Todolist'
-
 function App() {
+  var [count,setCount]=React.useState(0)
   return (
-    <div className='box'>
-    <img src="data:image/png;base64,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" alt="" style={{borderRadius:"20%",height:'100px',width:'150px'}} />
-    <h1>Indian Premier League (IPL) Teams & Players </h1>
-    <Todolist ar={['Sandeep Warrier','Ishan Kishan','Arjun Tendulkar','Hrithik Shokeen','Chris Jordan','Vishnu Vinod']} title={"Mumbai Indians (MI)"} head={'Rohit Sharma'} ></Todolist>
-    <Todolist ar={['Ruturaj Gaikwad	','Ambati Rayudu	','Devon Conway	','Ravindra Jadeja','Deepak Chahar','Ben Stokes']} title={"Chennai Super Kings (CSK)"} head={'MS.dhoni'} ></Todolist>
-    <Todolist ar={['Virat Kohli 	','Siddharth Kaul		','David Willey	','Anuj Rawat	','Dinesh Karthik	','Harshal Patel','Glenn Maxwell	']} title={'Royal Challengers Bangalore (RCB)'} head={'Faf Du Plessis'}></Todolist>
-    <Todolist ar={['Abhishek Porel','Axar Patel	','Anrich Nortje','Kuldeep Yadav','Khaleel Ahmed','Ripal Patel','Rovman Powell']} title={'Delhi Capitals (DC)'} head={'David Warner'}></Todolist>
-    <Todolist ar={[' Shubman Gill','David Miller','Abhinav Manohar','Sai Sudharsan','Wriddhiman Saha','Matthew Wade','Pradeep Sangwan']} title={'Gujarat Titans (GT)'} head={'Hardik Pandya'}></Todolist>
-    <Todolist ar={['Abdul Samad	','Umran Malik','Washington Sundar','Rahul Tripathi','Bhuvneshwar Kumar','Marco Jansen	']} title={'Sunrisers Hyderabad (SRH) '} head={'Aiden Markram'}></Todolist>
-    
+    <div className="mybox">
+      <h1>vinay</h1>
+      <p>count:{count}</p>
+      <button onClick={()=>{setCount(count+1)}}>increment</button>
+      <button onClick={()=>{setCount(count-1)}}>decrement</button>
+
     </div>
+    
+
   );
 }
 
-export default App;
+export default App;
\ No newline at end of file
diff --git a/src/Counter.jsx b/src/Counter.jsx
deleted file mode 100644
index 0d8e8c4..0000000
--- a/src/Counter.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-function Counter(){
-    var [count,setCount]=React.useState(0)
-    return(
-        <div className='box'>
-            <h1>Counter:{count}</h1>
-        </div>
-    )
-}
-
-export default Counter;
\ No newline at end of file
diff --git a/src/Div.jsx b/src/Div.jsx
deleted file mode 100644
index 21b2030..0000000
--- a/src/Div.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-function Div(){
-    var [div,setDiv]=React.useState(["Mumbai Indians",'Chennai super Kings'])
-    return  <div className='box'>
-        <h1>{div}</h1>
-    </div>
-}
-export default Div;
\ No newline at end of file
diff --git a/src/Todolist.jsx b/src/Todolist.jsx
index ac107af..c15c7f2 100644
--- a/src/Todolist.jsx
+++ b/src/Todolist.jsx
@@ -5,7 +5,7 @@ function Todolist(props){
         <div className='box'>
             <h1>{props.title}</h1>
             <h4>Captain:{props.head}</h4>
-            <img src={props.im}/>
+            <img src={props.im.src}/>
             <h4><u>team</u></h4>
             <ul>
                 {
diff --git a/src/mybox.css b/src/mybox.css
index e4b1a13..aaccac4 100644
--- a/src/mybox.css
+++ b/src/mybox.css
@@ -1,4 +1,4 @@
-.box{
+.mybox{
     border:1px solid;
     padding:10px;
     margin:10px