\r\n
\r\n\r\n {props.heading}
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n )\r\n}\r\n","\nimport './App.css';\nimport Navbar from './components/Navbar';\nimport Textform from './components/Textform';\n\nfunction App() {\n return (\n <>\n \n \n Your text summary
\r\n{text.split(\" \").length-1} words and {text.length} characters
\r\n{0.008 * text.split(\" \").length-0.008} Minutes read
\r\n\n
\n\n \n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n
+
+
+
+ );
+}
+
+export default App;
diff --git a/PROJECTS/TEXT-CONVERTER/src/App.test.js b/PROJECTS/TEXT-CONVERTER/src/App.test.js
new file mode 100644
index 0000000..1f03afe
--- /dev/null
+++ b/PROJECTS/TEXT-CONVERTER/src/App.test.js
@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+ render(
+
+
+ {props.heading}
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/PROJECTS/TEXT-CONVERTER/src/index.css b/PROJECTS/TEXT-CONVERTER/src/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/PROJECTS/TEXT-CONVERTER/src/index.js b/PROJECTS/TEXT-CONVERTER/src/index.js
new file mode 100644
index 0000000..d563c0f
--- /dev/null
+++ b/PROJECTS/TEXT-CONVERTER/src/index.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+ Your text summary
+{text.split(" ").length-1} words and {text.length} characters
+{0.008 * text.split(" ").length-0.008} Minutes read
+\r\n 
\r\n
\r\n );\r\n};\r\n\r\nexport default Card;","import React from \"react\";\r\nimport { useWeather } from \"../context/Weather\";\r\n\r\n\r\nconst Input = (props) => {\r\n const weather = useWeather();\r\n console.log(\"weather\",weather);\r\n return(\r\n weather.setSearchCity(e.target.value)}\r\n />\r\n )\r\n}\r\nexport default Input; ","import React from \"react\";\r\n\r\nconst Button = (props) =>{\r\n\r\n return(\r\n\r\n \r\n\r\n\r\n )\r\n}\r\n\r\nexport default Button;","import { useEffect } from \"react\";\n\nimport Card from \"./components/Card\";\nimport Input from \"./components/Input\";\nimport Button from \"./components/Button\";\nimport { useWeather} from './context/Weather'\nimport \"./App.css\";\n\nfunction App() {\n const weather = useWeather();\n\n useEffect(() => {\n // get current location here\n weather.fetchCurrentUserLocationData();\n },[]);\n return (\n {weather.data?.current?.temp_c}.C
\r\n{weather.data?.location?.name},{weather.data?.location?.region}{\" \"} {weather.data?.location?.country}
\r\n\n
\n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nimport {WeatherProvider} from \"./context/Weather\";\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n Weather Forecast
\n \n \n
+
+ );
+}
+
+export default App;
diff --git a/PROJECTS/weather-APP/src/App.test.js b/PROJECTS/weather-APP/src/App.test.js
new file mode 100644
index 0000000..1f03afe
--- /dev/null
+++ b/PROJECTS/weather-APP/src/App.test.js
@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+ render(Weather Forecast
+ + + +
+
+
+ );
+};
+
+export default Card;
\ No newline at end of file
diff --git a/PROJECTS/weather-APP/src/components/Input.js b/PROJECTS/weather-APP/src/components/Input.js
new file mode 100644
index 0000000..01f82f4
--- /dev/null
+++ b/PROJECTS/weather-APP/src/components/Input.js
@@ -0,0 +1,17 @@
+import React from "react";
+import { useWeather } from "../context/Weather";
+
+
+const Input = (props) => {
+ const weather = useWeather();
+ console.log("weather",weather);
+ return(
+ weather.setSearchCity(e.target.value)}
+ />
+ )
+}
+export default Input;
\ No newline at end of file
diff --git a/PROJECTS/weather-APP/src/context/Weather.js b/PROJECTS/weather-APP/src/context/Weather.js
new file mode 100644
index 0000000..b6d1e15
--- /dev/null
+++ b/PROJECTS/weather-APP/src/context/Weather.js
@@ -0,0 +1,33 @@
+import { createContext, useContext, useState } from "react";
+import { getWeatherDataForCity, getWeatherDataForLocation} from "../api";
+const WeatherContext = createContext(null);
+
+export const useWeather = () =>{
+ return useContext(WeatherContext);
+};
+
+export const WeatherProvider = (props) =>{
+const [data, setData] = useState(null);
+const [searchCity, setSearchCity] = useState(null);
+
+const fetchData = async () =>{
+const response = await getWeatherDataForCity(searchCity);
+setData(response);
+};
+
+const fetchCurrentUserLocationData = () => {
+ navigator.geolocation.getCurrentPosition((position) =>{
+ getWeatherDataForLocation(
+ position.coords.latitude,
+ position.coorde.longitude
+ ).then((data) => setData(data));
+ })
+}
+ return(
+