Added Project

Author: khushbooJangle

src/App.js

@@ -1,24 +1,12 @@
 import React from 'react';
 import logo from './logo.svg';
 import './App.css';
+import Main from './Components/Main'
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <Main city="Delhi" animal="Lion" game="Hockey" flower="Lotus" bird="Peacock" />
     </div>
   );
 }

src/Components/Main.js

@@ -0,0 +1,22 @@
+import React from 'react';
+
+class Main extends React.Component{
+    render(){
+        return (
+        <div>
+            <h1>General knowledge on INDIA!</h1>
+            <h2>Question 1:What is the Capital Of India?</h2>
+            <h2>Answer 1: {this.props.city}</h2>
+            <h2>Question 2:What is the National Animal Of India?</h2>
+            <h2>Answer 2: {this.props.animal}</h2>
+            <h2>Question 3:What is the National Game Of India?</h2>
+            <h2>Answer 3: {this.props.game}</h2>
+            <h2>Question 4:What is the National Bird Of India?</h2>
+            <h2>Answer 4: {this.props.bird}</h2>
+            <h2>Question 5:What is the National Flower Of India?</h2>
+            <h2>Answer 5: {this.props.flower}</h2>
+
+        </div>)
+    }
+}
+export default Main;