From 4c390025dc72cdc135cffbd2c57bb4c27b39ba64 Mon Sep 17 00:00:00 2001
From: Aaditya Jain <133569212+Aaditya019Jain@users.noreply.github.com>
Date: Sat, 14 Oct 2023 18:36:48 +0530
Subject: [PATCH 1/6] change in selection list

---
 frontend/src/pages/ProjectFrom.jsx | 71 ++++++++++++++++++------------
 1 file changed, 43 insertions(+), 28 deletions(-)

diff --git a/frontend/src/pages/ProjectFrom.jsx b/frontend/src/pages/ProjectFrom.jsx
index 1154cdd..b5c1493 100644
--- a/frontend/src/pages/ProjectFrom.jsx
+++ b/frontend/src/pages/ProjectFrom.jsx
@@ -9,8 +9,13 @@ import MyComponent2 from "../components/MyComponent2";
 export default function ProjectForm(){
 
     const [projectlist , setProjectlist] = useState({
-        project_name : '',
-        project_type : '',
+        title : '',
+        cateogary : '',
+        project_description : '',
+        project_url : '',
+        project_image : '',
+        project_date : '',
+        project_time : '',
 
     })
 
@@ -41,7 +46,7 @@ export default function ProjectForm(){
             <h1>Project Form</h1>
             <form>
                 <label>Project Title</label>
-                <input type='text' />
+                <input type='text' id='title'/>
                 <br></br>
                 <label>
                     <input id='roll_number'  type='search' onChange={handleRollNumberChange}/>
@@ -60,30 +65,40 @@ export default function ProjectForm(){
                 <br></br>
                 <div>
                         <h3>Project Cateogary</h3>
-                        <label>
-                            <input type='radio' name="item" />
-                            App Development
-                        </label> 
-                        <br></br>
-                        <label>
-                            <input type='radio' name="item" />
-                            Web Development
-                        </label> 
-                        <br></br>
-                        <label>
-                            <input type='radio' name="item"/>
-                            Game Development
-                        </label> 
-                        <br></br>
-                        <label>
-                            <input type='radio' name="item"/>
-                            Blockchain Development
-                        </label>
-                        <br></br>
-                        <label>
-                            <input type='radio' name="item"/>
-                            Machine Learning
-                        </label>
+                            {/* <label>
+                                <input type='radio' name="item" id='cateogary' />
+                                App Development
+                            </label> 
+                            <br></br>
+                            <label>
+                                <input type='radio' name="item" id='cateogary'/>
+                                Web Development
+                            </label> 
+                            <br></br>
+                            <label>
+                                <input type='radio' name="item" id='cateogary'/>
+                                Web Development
+                            </label> 
+                            <br></br>
+                            <label>
+                                <input type='radio' name="item" id='cateogary'/>
+                                Blockchain Development
+                            </label>
+                            <br></br>
+                            <label>
+                                <input type='radio' name="item" id='cateogary'/>
+                                Machine Learning
+                            </label> */}
+                            <label>
+                                Select an option:
+                                <select name="option">
+                                <option value="App Development">App Development</option>
+                                <option value="Web Development">Web Development</option>
+                                <option value="Game Development">Game Development</option>
+                                <option value="Blockchain Development">Blockchain Development</option>
+                                <option value="Machine Learning">Machine Learning</option>
+                                </select>
+                            </label>
                         <br></br>
                         <br></br>
                 </div>   
@@ -109,4 +124,4 @@ export default function ProjectForm(){
             </form>
         </>
     )
-}
\ No newline at end of file
+}

From 41de89074a41bdc772a822ab5942ee98df8aa2bd Mon Sep 17 00:00:00 2001
From: Aaditya Jain <133569212+Aaditya019Jain@users.noreply.github.com>
Date: Sat, 14 Oct 2023 19:18:22 +0530
Subject: [PATCH 2/6] updated project form

---
 frontend/src/pages/ProjectFrom.jsx | 66 ++++++++++++------------------
 1 file changed, 26 insertions(+), 40 deletions(-)

diff --git a/frontend/src/pages/ProjectFrom.jsx b/frontend/src/pages/ProjectFrom.jsx
index b5c1493..8d9f852 100644
--- a/frontend/src/pages/ProjectFrom.jsx
+++ b/frontend/src/pages/ProjectFrom.jsx
@@ -11,11 +11,11 @@ export default function ProjectForm(){
     const [projectlist , setProjectlist] = useState({
         title : '',
         cateogary : '',
-        project_description : '',
-        project_url : '',
-        project_image : '',
-        project_date : '',
-        project_time : '',
+        mentee_min : '',
+        mentee_max : '',
+        description : '',
+        timeline : '',
+        banner_image : '',
 
     })
 
@@ -65,61 +65,47 @@ export default function ProjectForm(){
                 <br></br>
                 <div>
                         <h3>Project Cateogary</h3>
-                            {/* <label>
-                                <input type='radio' name="item" id='cateogary' />
-                                App Development
-                            </label> 
-                            <br></br>
-                            <label>
-                                <input type='radio' name="item" id='cateogary'/>
-                                Web Development
-                            </label> 
-                            <br></br>
-                            <label>
-                                <input type='radio' name="item" id='cateogary'/>
-                                Web Development
-                            </label> 
-                            <br></br>
-                            <label>
-                                <input type='radio' name="item" id='cateogary'/>
-                                Blockchain Development
-                            </label>
-                            <br></br>
-                            <label>
-                                <input type='radio' name="item" id='cateogary'/>
-                                Machine Learning
-                            </label> */}
                             <label>
                                 Select an option:
-                                <select name="option">
-                                <option value="App Development">App Development</option>
-                                <option value="Web Development">Web Development</option>
-                                <option value="Game Development">Game Development</option>
-                                <option value="Blockchain Development">Blockchain Development</option>
-                                <option value="Machine Learning">Machine Learning</option>
+                                <select name="option" id='cateogary'>
+                                <option value="WEB3">WEB3</option>
+                                <option value="AIML">AIML</option>
+                                <option value="DEV">DEV</option>
+                                <option value="CP">CP</option>
+                                <option value="MISC">MISC</option>
                                 </select>
                             </label>
                         <br></br>
                         <br></br>
                 </div>   
                 <label>
-                    <input type='text'/>
+                    <input type='text' id='description'/>
                     Description of the project
                 </label>  
                 <br></br>
                 <label>
-                    <input type='number'/>
-                    number of mentees you need
+                    <input type='number' id='mentee_min'/>
+                    minimum number of mentees
+                </label> 
+                <br></br>
+                <label>
+                    <input type='number' id='mentee_max'/>
+                    maximum number of mentees
                 </label> 
                 <br></br>
                 <label>
                     Prereqisite of the mentees(if any)
-                    <input type ='text'/>
+                    <input type ='text' id='abstract'/>
+                </label>
+                <br></br>
+                <label>
+                    timeline(if any)
+                    <input type ='text' id='timeline'/>
                 </label>
                 <br></br>
                 <label>
                     upload the banner of the project (as pdf)
-                    <input type='pdffile'/>
+                    <input type='file'id='banner_image'/>
                 </label>
             </form>
         </>

From ac92f532c7f474c4f13e73f47fc8052d63cf487c Mon Sep 17 00:00:00 2001
From: Shivesh Gupta <74242886+shiveshcodes@users.noreply.github.com>
Date: Sat, 14 Oct 2023 19:20:04 +0530
Subject: [PATCH 3/6] Add Project changes

---
 frontend/src/components/MyComponent.js | 14 ++++++-
 frontend/src/pages/ProjectFrom.jsx     | 53 +++++++++++++-------------
 2 files changed, 39 insertions(+), 28 deletions(-)

diff --git a/frontend/src/components/MyComponent.js b/frontend/src/components/MyComponent.js
index 480bbc3..543b4f6 100644
--- a/frontend/src/components/MyComponent.js
+++ b/frontend/src/components/MyComponent.js
@@ -1,11 +1,21 @@
 import React from "react";
 import './comments.css';
 
-export default function MyComponent(props){
+export default function MyComponent({text}){
+    if (text.length === 0)
+    {
+        return(
+            <div className="searchbar">
+                <p>
+                    No Profiles Found
+                </p>
+            </div>
+        )
+    }
     return(
         <div className="searchbar">
             <p>
-                {props.text}
+              {text[0].roll_number}
             </p>
         </div>
     )
diff --git a/frontend/src/pages/ProjectFrom.jsx b/frontend/src/pages/ProjectFrom.jsx
index 1154cdd..114b204 100644
--- a/frontend/src/pages/ProjectFrom.jsx
+++ b/frontend/src/pages/ProjectFrom.jsx
@@ -8,54 +8,55 @@ import MyComponent2 from "../components/MyComponent2";
 
 export default function ProjectForm(){
 
-    const [projectlist , setProjectlist] = useState({
-        project_name : '',
-        project_type : '',
+    const [projectdata , setProjectdata] = useState({
 
     })
 
-    const [roll_number,setRoll_number] = useState()
-
 
     const handleRollNumberChange = (e) => {
-        setRoll_number(e.target.value);
-    }
-
-    // const [toggle,setToggle] = useState(false)
-    // const [anyone,setAnyone] = useState(false)
-
-    const handleSubmit = (e) => {
-        // console.log(roll_number)
-        e.preventDefault();
-        console.log(roll_number)
-        axios.get('/api/accounts/'+'?search='+roll_number)
+        var roll = e.target.value ? e.target.value : null;
+        if(roll === null) return;
+        axios.get('/api/accounts/'+'?search='+roll)
         .then( function(roll_number){
-            console.log(roll_number.data)
-        })
+            
+            if(roll_number.data.length === 0){
+                alert("No such user exists")
+                e.target.style.backgroundColor = 'red';
+
+            }
+            else{
+                e.target.style.backgroundColor = 'green';
+            }
+                
+            })
         .catch( err =>{
             alert(err);
         })
+        
+    }
+
+    const handleRollSubmit = (e) => {
+        e.preventDefault();
+        
     }
     return (
         <>
             <h1>Project Form</h1>
             <form>
                 <label>Project Title</label>
-                <input type='text' />
+                <input type='text' required/>
                 <br></br>
                 <label>
-                    <input id='roll_number'  type='search' onChange={handleRollNumberChange}/>
-                    <button onClick={handleSubmit}>
-                        Search
-                    </button>
-                    {/* {toggle && <MyComponent text="roll_number"/>} */}
-                    {/* {anyone && <MyComponent2 />} */}
+                    Co Mentors 
+                    <input type='text' placeholder="Co-Mentor-1 RollNumber" onBlur={handleRollNumberChange}/>
+                    <input type='text' placeholder="Co-Mentor-2 RollNumber" onBlur={handleRollNumberChange}/>
+
                 </label>
 
                 <br></br>
                 <label>
                     Title your project idea   
-                    <input  type='text' />
+                    <input  type='text' requried/>
                 </label>
                 <br></br>
                 <div>

From 492e0215bec5d961f3635443a07d1a8d2d9672e9 Mon Sep 17 00:00:00 2001
From: Aaditya Jain <133569212+Aaditya019Jain@users.noreply.github.com>
Date: Sun, 15 Oct 2023 00:01:11 +0530
Subject: [PATCH 4/6] Updated project form

---
 frontend/src/pages/ProjectFrom.jsx | 72 +++++++++++++++++++-----------
 1 file changed, 47 insertions(+), 25 deletions(-)

diff --git a/frontend/src/pages/ProjectFrom.jsx b/frontend/src/pages/ProjectFrom.jsx
index c6215d8..f37d1cf 100644
--- a/frontend/src/pages/ProjectFrom.jsx
+++ b/frontend/src/pages/ProjectFrom.jsx
@@ -9,16 +9,37 @@ import MyComponent2 from "../components/MyComponent2";
 export default function ProjectForm(){
 
     const [projectlist , setProjectlist] = useState({
-        title : '',
-        cateogary : '',
-        mentee_min : '',
-        mentee_max : '',
-        description : '',
-        timeline : '',
-        banner_image : '',
+        title: '',
+        abc: '',
+        categary: '',
+        mentee_min: '',
+        mentee_max: '',
+        description: '',
+        timeline: '',
+        banner_image: '',
 
     })
 
+    const detailsChange = (e) => {
+        const {id,value} = e.target
+        setProjectlist({
+          ...projectlist,
+            [id] : value,
+            // console.log(projectlist)
+        })
+        console.log('id:', id);
+        console.log('value:', value);
+    }
+
+    const detailsSubmit = (e) => {
+        console.log(projectlist)
+        axios.post('/api/dashboard/mentor/submit/',projectlist)
+        .then(res =>{
+            console.log(res)
+        }).catch(err =>
+             console.log(err))
+    }
+
 
     const handleRollNumberChange = (e) => {
         var roll = e.target.value ? e.target.value : null;
@@ -30,6 +51,7 @@ export default function ProjectForm(){
                 alert("No such user exists")
                 e.target.style.backgroundColor = 'red';
 
+
             }
             else{
                 e.target.style.backgroundColor = 'green';
@@ -51,7 +73,7 @@ export default function ProjectForm(){
             <h1>Project Form</h1>
             <form>
                 <label>Project Title</label>
-                <input type='text' id='title'/>
+                <input type='text' id='title' onChange={detailsChange}/>
                 <br></br>
                 <label>
                     Co Mentors 
@@ -63,54 +85,54 @@ export default function ProjectForm(){
                 <br></br>
                 <label>
                     Title your project idea   
-                    <input  type='text' requried/>
+                    <input  type='text' id='abc' requried onChange={detailsChange}/>
                 </label>
                 <br></br>
                 <div>
                         <h3>Project Cateogary</h3>
-                            <label>
-                                Select an option:
-                                <select name="option" id='cateogary'>
-                                <option value="WEB3">WEB3</option>
-                                <option value="AIML">AIML</option>
-                                <option value="DEV">DEV</option>
-                                <option value="CP">CP</option>
-                                <option value="MISC">MISC</option>
-                                </select>
-                            </label>
+                        <select id='categary' onChange={detailsChange}>
+                            <option value="WEB3">WEB3</option>
+                            <option value="AIML">AIML</option>
+                            <option value="DEV">DEV</option>
+                            <option value="CP">CP</option>
+                            <option value="MISC">MISC</option>
+                        </select>
                         <br></br>
                         <br></br>
                 </div>   
                 <label>
-                    <input type='text' id='description'/>
+                    <input type='text' id='description' onChange={detailsChange}/>
                     Description of the project
                 </label>  
                 <br></br>
                 <label>
-                    <input type='number' id='mentee_min'/>
+                    <input type='number' id='mentee_min' onChange={detailsChange}/>
                     minimum number of mentees
                 </label> 
                 <br></br>
                 <label>
-                    <input type='number' id='mentee_max'/>
+                    <input type='number' id='mentee_max' onChange={detailsChange}/>
                     maximum number of mentees
                 </label> 
                 <br></br>
                 <label>
                     Prereqisite of the mentees(if any)
-                    <input type ='text' id='abstract'/>
+                    <input type ='text' id='abstract' onChange={detailsChange}/>
                 </label>
                 <br></br>
                 <label>
                     timeline(if any)
-                    <input type ='text' id='timeline'/>
+                    <input type ='text' id='timeline' onChange={detailsChange}/>
                 </label>
                 <br></br>
                 <label>
                     upload the banner of the project (as pdf)
-                    <input type='file'id='banner_image'/>
+                    <input type='file'id='banner_image' onChange={detailsChange}/>
                 </label>
             </form>
+            <button onClick={detailsSubmit}>
+                Submit Project
+            </button>
         </>
     )
 }

From 30f10250159130a6e993b01ee3ca3fe3418caf21 Mon Sep 17 00:00:00 2001
From: Aaditya Jain <133569212+Aaditya019Jain@users.noreply.github.com>
Date: Sun, 15 Oct 2023 00:35:23 +0530
Subject: [PATCH 5/6] Update README.md

---
 frontend/README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/README.md b/frontend/README.md
index abc98fc..a224ed5 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -29,4 +29,8 @@ This project aims at creating a functional, user-friendly portal for WnCC's annu
 
 You can find more such improvements in issues on which you can contribute.
 
+## Set Up on MAC OS
+-First step is to clone the repository to your system using the commadb
+
+
 <p align="center">Created with :heart: by <a href="https://itc.gymkhana.iitb.ac.in/wncc/">WnCC</a></p>

From 3317e3ad07557f9802c15027bf468ec6c452218b Mon Sep 17 00:00:00 2001
From: Aaditya Jain <133569212+Aaditya019Jain@users.noreply.github.com>
Date: Sun, 15 Oct 2023 00:37:13 +0530
Subject: [PATCH 6/6] Update README.md

---
 frontend/README.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/frontend/README.md b/frontend/README.md
index a224ed5..823c815 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -29,8 +29,6 @@ This project aims at creating a functional, user-friendly portal for WnCC's annu
 
 You can find more such improvements in issues on which you can contribute.
 
-## Set Up on MAC OS
--First step is to clone the repository to your system using the commadb
 
 
 <p align="center">Created with :heart: by <a href="https://itc.gymkhana.iitb.ac.in/wncc/">WnCC</a></p>