new changes

README.md

@@ -1,7 +1,7 @@
 # Conference Website
 
 <!-- Developed by [Encode Web Team](https://github.com/Encode-PDEU) ([Preet Sojitra](https://github.com/Preet-Sojitra), [Parth Sood](https://github.com/psood708) and [Aniket Patel](https://github.com/Aniket-Patel-swg)) -->
-Developed by [Encode Web Team](https://github.com/Encode-PDEU)
+Developed by [Encode Web Team](https://github.com/Encode-PDEU) ([Preet Sojitra](https://github.com/Preet-Sojitra) , [Parth Sood](https://github.com/psood708), [Aniket Patel](https://github.com/Aniket-Patel-swg), [Dev Parikh](https://github.com/Dev79844) and [Bhagirath Patel](https://github.com/bhagirath-bhp))
 
 # Folder Structure
 

package.json

@@ -1,47 +1,57 @@
-{
-  "homepage": "https://icghgd.com/",
-  "name": "conference",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-icons": "^4.6.0",
-    "react-router-dom": "^6.4.3",
-    "react-scripts": "^5.0.1",
-    "scripts": "^0.1.0",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d build",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "gh-pages": "^4.0.0"
-  }
-}
+{
+  "homepage": "https://icghgd.com/",
+  "name": "conference",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.2.1",
+    "@fortawesome/free-brands-svg-icons": "^6.2.1",
+    "@fortawesome/free-solid-svg-icons": "^6.2.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@react-google-maps/api": "^2.18.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.3.4",
+    "google-map-react": "^2.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-fast-marquee": "^1.3.5",
+    "react-fontawesome": "^1.7.1",
+    "react-icons": "^4.6.0",
+    "react-router-dom": "^6.4.3",
+    "react-scripts": "^5.0.1",
+    "react-whatsapp": "^0.3.0",
+    "scripts": "^0.1.0",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "gh-pages": "^4.0.0"
+  }
+}

public/index.html

@@ -7,8 +7,17 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="17-18th March 2023, Pandit Deendayal Energy University, Gandhinagar, Gujarat, India"
     />
+    <meta name="twitter:title" content="1st International Conference on Green Hydrogen for Global Decarbonization">
+    <meta name="twitter:image" content="">
+    <meta name="twitter:url" content="https://conference.icghgd.com/">
+    <meta name="twitter:card" content="summary">  
+    <meta name="twitter:description" content="16-17th March 2023, Pandit Deendayal Energy University, Gandhinagar, Gujarat, India">
+    <meta name="description" content="16-17th March 2023, Pandit Deendayal Energy University, Gandhinagar, Gujarat, India">
+    <meta name="keywords" content="Green Hydrogen, conference, International conference, PDEU, PDPU, Gujarat, Gandhinagar, Green Hydrogen Conference
+    first International conference, first Green Hydrogen conference, International Green Hydrogen conference, PDEU Green Hydrogen
+    ">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -24,7 +33,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Conference Website</title>
+    <title>1st International Conference on Green Hydrogen for Global Decarbonization</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
@@ -40,4 +49,5 @@
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
   </body>
+
 </html>

src/.env

@@ -0,0 +1,3 @@
+REACT_APP_API_URL = 'https://api.openweathermap.org/data/2.5'
+REACT_APP_API_KEY = f4f824db72fed3d0cd540959e9d54fd2
+REACT_APP_ICON_URL = 'https://openweathermap.org/img/w'

src/App.js

@@ -6,6 +6,11 @@ import {Routes, Route, BrowserRouter} from "react-router-dom"
 import CommingSoon from "./Components/CommingSoon"
 import Committee from "./Components/Committee"
 import Theme from "./Components/Theme"
+import Keynote from "./Components/Keynotespeakers"
+import CallForPaper from "./Components/CallForPaper"
+import Awards from "./Components/Awards"
+import UpdatePost from "./Pages/UpdatePost"
+import EditPost from "./Pages/EditPost"
 function App() {
   return (
     // <HashRouter>
@@ -29,6 +34,11 @@ function App() {
       <Route exact path="/commingsoon" element={<CommingSoon />} />
       <Route exact path="/contact" element={<ContactPage />} />
       <Route exact path="/registration" element={<RegistrationFeePage />} />
+      <Route exact path="/keynotespeakers" element={<Keynote />} />
+      <Route exact path="/callforpapers" element={<CallForPaper />} />
+      <Route exact path="/news" element={<Awards />} />
+      <Route exact path="/admin/updatepost" element={<UpdatePost />} />
+      <Route exact path="/admin/editpost/:id" element={<EditPost />} />
     </Routes>
     // </BrowserRouter>
   )

src/Components/AboutConference.js

@@ -0,0 +1,35 @@
+import React from "react"
+import "../assets/css/aboutconference.css"
+
+export default function AboutConference() {
+  return (
+    <div className="about-container">
+      <h1 className="about-heading">About Conference</h1>
+      <div className="about-para-container">
+        <p>
+        The 1<sup>st</sup> International Conference on Green Hydrogen for Global Decarbonisation is 
+        being organized by the Department of Petroleum Engineering, School of Energy Technology, 
+        Pandit Deendayal Energy University (PDEU), Gujarat-India. PDEU is one of the leading research and academic institutes 
+        in the energy sector and allied branches of engineering. Green Hydrogen possesses the immense potential to become a vital component of 
+        the energy mix. It is expected to become a $12-15 trillion global industry by 2050. 
+        It has also captured a clear investor interest at the 1<sup>st</sup> International Conference 
+        on Green Hydrogen for Global Decarbonization.
+        </p>
+        <p>
+        This two-day conference will bring together academicians, policymakers, regulators, innovators, oil 
+        and gas companies, infrastructure companies, technology providers, industry experts 
+        and investors to present their perspectives and provide stimulus in shaping the 
+        future of green hydrogen. It will provide a global platform for leading developers
+        to showcase their innovations and technologies and explore investor interest in financing 
+        their projects.
+        </p>
+        <p>The Prime Minister's Independence Day speech on August 15<sup>th</sup>, 2021, signalling the 
+        launch of the National Hydrogen Mission, attests to India's intent to be a global hub for
+        green hydrogen. As PM Modi's speech outlines, not only will green hydrogen be the basis of 
+        growth through green jobs but it will also set an example for the world towards a clean energy 
+        transition. The conference will provide a platform for expelling the latest development in 
+        equipment, compressors, devices, products, technologies, and services in the hydrogen industry.</p>
+      </div>
+    </div>
+  )
+}

src/Components/AboutPDEU.js

@@ -0,0 +1,60 @@
+import React from "react"
+import "../assets/css/aboutpdeu.css"
+
+export default function AboutPDEU() {
+  return (
+    <div>
+      <div className="pdeu-img-container">
+        <img
+          src="https://f000.backblazeb2.com/file/hp-cloud/Conference/about+pdeu.png"
+          className="pdeu-img"
+          alt="pdeu-img"
+        />
+      </div>
+      <h1 className="about-heading">
+        About Pandit Deendayal Energy University
+      </h1>
+      <div className="about-pdeu-text">
+        <p className="about-pdeu">
+        Pandit Deendayal Energy University (PDEU), formerly known as Pandit Deendayal Petroleum University (PDPU), was established by
+         Gujarat Energy Research Management Institute (GERMI) as a Private University through the State Act with a vision “To emerge as
+         a world-class Institution of Excellence in Energy Education, Research and Innovation which will prepare and sensitize the youth 
+         and ultimately the society for radical yet sustainable societal transformation”. This objective is being addressed through several 
+         specialized and well-planned undergraduate and postgraduate programs and intense research initiatives in science, technology, management, 
+         and humanities. Today it has nine centres of excellence, viz. International Automobile, Siemens, Center for Bio-fuel & Bioenergy studies, 
+         Solar Research & Development Center, Center of Excellence in Geothermal Energy, Drilling & Stimulation Center, Center of Excellence in Climate
+         Change, Innovation and Incubation Center and Water treatment management centre. PDEU ranks 1<sup>st </sup>  Private University in Gujarat with NAAC accredited, “A++” grade (3.52/4). 
+         It is also ISO 14001:2015 and ISO 9001:2015 certified Institute. PDEU is the only private university in Gujarat to get autonomous status from the University Grant Commission (UGC).      </p>
+      </div>
+
+      <div className="about-spt-container">
+        <div className="pdeu-img-container">
+          <img
+            src="https://f000.backblazeb2.com/file/hp-cloud/Conference/spt.png"
+            className="pdeu-img"
+            alt="pdeu-img"
+          />
+        </div>
+        <p className="about-heading">
+          {/* About Department of Petroleum Engineering */}
+          <h1> About</h1>
+          <h1>
+            School of Energy Technology & Department of Petroleum Engineering
+          </h1>
+        </p>
+        <div className="about-pdeu-text">
+          <p className="about-pdeu">
+          School of Energy Technology, a constituent school of Pandit Deendayal Energy University, was started in the year 2007 to provide an excellent academic program in Petroleum Engineering. 
+          Over the years, it ventured into the other energy sector to tap the broad spectrum of the energy basket. 
+          The School has eight major departments focusing on all the domains under the umberlla on energy. Since its inception, petroleum engineering has been the flagship course of the entire university. 
+          The department’s strong partnerships with regional government bodies, research institutes and industries open vast opportunities for researchers and academicians to get 
+          involved in world-class research, which helps them to grow and excel in their professional careers. 
+          The department has a four-year undergraduate (B.Tech) programme in Petroleum  and Petrochemical Engineering, a two-year graduate (M.Tech) course in Petroleum Engineering and PhD programs.
+          The B.Tech in Petroleum Engineering is accredited by the National Board of Accreditation (NBA) under tier I category.   
+
+          </p>
+        </div>
+      </div>
+    </div>
+  )
+}

src/Components/Awards.js

@@ -0,0 +1,79 @@
+import React, {useEffect, useState} from "react"
+import "../assets/css/Awards.css"
+import Footer from "./Footer"
+import Navbar from "./Navbar"
+import "../assets/css/Awards.css"
+
+const Awards = () => {
+  const [lat, setLat] = useState([])
+  const [long, setLong] = useState([])
+  const [data, setData] = useState([])
+
+  useEffect(() => {
+    const fetchData = async () => {
+      navigator.geolocation.getCurrentPosition(function (position) {
+        setLat(position.coords.latitude)
+        setLong(position.coords.longitude)
+      })
+
+      await fetch(
+        `https://api.openweathermap.org/data/2.5/weather/?lat=${lat}&lon=${long}&units=metric&APPID=f4f824db72fed3d0cd540959e9d54fd2`
+      )
+        .then((res) => res.json())
+        .then((result) => {
+          setData(result)
+          console.log(result)
+        })
+    }
+    fetchData()
+  }, [lat, long])
+
+  return (
+    <>
+      <Navbar />
+      <div className="weather-section">
+        <h1>Current Weather</h1>
+        <div className="weather-container">
+          {/* {(typeof data.main != 'undefined') ? (
+            <Weather weatherData={data}/>
+          ): (
+            <div></div>
+          )} */}
+        </div>
+      </div>
+      <div className="map-title">
+        <h1>Maps</h1>
+      </div>
+      <div className="mapouter ">
+        <div className="gmap_canvas">
+          <iframe
+            width={1500}
+            height={800}
+            id="gmap_canvas"
+            src="https://maps.google.com/maps?q=Pandit%20Deendayal%20Energy%20University&t=&z=13&ie=UTF8&iwloc=&output=embed"
+            frameBorder={0}
+            scrolling="no"
+            marginHeight={0}
+            marginWidth={0}
+          />
+          <br />
+          <style
+            dangerouslySetInnerHTML={{
+              __html:
+                ".mapouter{position:relative;text-align:right;height:900px;width:1500px;margin : auto;}",
+            }}
+          />
+          <style
+            dangerouslySetInnerHTML={{
+              __html:
+                ".gmap_canvas {overflow:hidden;background:none!important;height:900px;width:1500px;}",
+            }}
+          />
+        </div>
+      </div>
+      <Footer />
+    </>
+  )
+}
+
+export default Awards

src/Components/CallForPaper.js

@@ -0,0 +1,39 @@
+import React from "react"
+import Navbar from "./Navbar"
+import Footer from "./Footer"
+import "../assets/css/callforpaper.css"
+
+export default function CallForPaper() {
+  return (
+    <div>
+      <Navbar />
+      <h1 className="callforpaper-heading">Call for Papers</h1>
+      <div className="text-container">
+        <img src="ijhe.jpeg" alt="ijhe" />
+        <p className="callforpaper-text">
+          The selected papers will be published in <br />
+          <a href="https://www.journals.elsevier.com/international-journal-of-hydrogen-energy/call-for-papers/1st-international-conference-on-green-hydrogen-for-global-de-carbonization">
+            {" "}
+            "International Journal of Hydrogen Energy."
+          </a>{" "}
+          <br />
+          (Impact Factor: 7.1)
+        </p>
+      </div>
+      <p className="submission-text">
+        Last date for submission of abstract is <s>10<sup>th</sup> February 2023</s> <b>28<sup>th</sup> Feburary 2023.</b>
+
+      </p>
+      <div className="button-container">
+        <button className="callforpaper-button">
+          <a href="https://hpurl.ga/abstract">Download the abstract template</a>
+        </button>
+      </div>
+
+      <p className="mail-text">
+        Please submit your abstracts to <a href="https://forms.gle/a7g4aAtJZuepZmNdA"> Google Form</a>
+      </p>
+      <Footer />
+    </div>
+  )
+}