updated README.md

Waheed-Labib · Waheed-Labib · commit f5cd2b3867d5 · 2025-07-28T13:37:31.000+02:00
diff --git a/README.md b/README.md
@@ -2,6 +2,7 @@
 
 <ol>
 <li>Read whole Quran in organized way.</li>
+<li>Search and find any chapter or verse easily.</li>
 <li>Find hundreds of translations for each verse.</li>
 <li>Choose whichever translation[s] you want to see.</li>
 <li>Enroll and Login.</li>
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   <link
     href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
     rel="stylesheet">
-  <title>Translate Quran</title>
+  <title>Scriptures</title>
 </head>
 
 <body>
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/dummy-search-box/DummySearchBox.jsx b/src/components/dummy-search-box/DummySearchBox.jsx
@@ -11,7 +11,7 @@ const DummySearchBox = ({ setIsSearchModalOpen }) => {
     return (
         <div>
             <div onClick={handleInputClick}>
-                <input readOnly placeholder="Search Quran" className="w-full h-10 rounded ring-1 ring-inset ring-cyan-950 placeholder:text-gray-600 pl-4"></input>
+                <input readOnly placeholder="Search" className="w-full h-10 rounded ring-1 ring-inset ring-cyan-950 placeholder:text-gray-600 pl-4"></input>
             </div>
 
             <div className="pl-1 text-xs text-cyan-950 flex items-center gap-2 mt-2">
diff --git a/src/data/CarouselData.js b/src/data/CarouselData.js
@@ -1,5 +1,5 @@
 export const carouselData = [
-    "Translate Quran in Your Own Language",
+    "Translate Scriptures in Your Own Language",
     "Explore Hundreds of Translations for each verse"
     // "Enjoy Productive Discussions"
 ]
diff --git a/src/pages/enroll/Enroll.jsx b/src/pages/enroll/Enroll.jsx
@@ -38,7 +38,7 @@ const Enroll = () => {
         const email = event.target.email.value;
         const password = event.target.password.value;
 
-        const server = import.meta.env.SERVER;
+        const server = import.meta.env.VITE_SERVER;
 
         axios.post(`${server}/users/register`,
             {
diff --git a/src/pages/home/home/Home.jsx b/src/pages/home/home/Home.jsx
@@ -11,9 +11,9 @@ const Home = () => {
         <div className="">
 
             <Helmet>
-                <title>Home ~ Translate Quran</title>
+                <title>Home ~ Scriptures</title>
 
-                <meta name="description" content="Al Quran Translation Project Home Page" />
+                <meta name="description" content="Scriptures Home Page" />
 
                 <meta name="keyword" content="quran, quran translation, quran chapter, surah" />
             </Helmet>
diff --git a/src/pages/login/Login.jsx b/src/pages/login/Login.jsx
@@ -37,7 +37,7 @@ const Login = () => {
         const email = event.target.email.value;
         const password = event.target.password.value;
 
-        const server = import.meta.env.SERVER;
+        const server = import.meta.env.VITE_SERVER;
 
         axios.post(`${server}/users/login`,
             {
diff --git a/src/pages/surah/surah-content/verse-component/translation-input-box/TranslationInputBox.jsx b/src/pages/surah/surah-content/verse-component/translation-input-box/TranslationInputBox.jsx
@@ -26,7 +26,7 @@ const TranslationInputBox = ({ verse_key, setRefreshKey }) => {
 
     const { setSuccessMsg, setErrorMsg } = useContext(MsgContext);
 
-    const server = import.meta.env.SERVER;
+    const server = import.meta.env.VITE_SERVER;
 
     const handleSubmit = (e) => {
         e.preventDefault();
diff --git a/src/pages/surah/surah-content/verse-component/users-translations/UsersTranslationAccordion.jsx b/src/pages/surah/surah-content/verse-component/users-translations/UsersTranslationAccordion.jsx
@@ -9,6 +9,8 @@ export default function UsersTranslationAccordion({ translations }) {
     const data = [
         { title: "Users' Translation Available" },
     ];
+
+
     return (
         <div className="mb-4">
             {data?.map((data, idx) => (
diff --git a/src/pages/surah/surah-content/verse-component/users-translations/UsersTranslations.jsx b/src/pages/surah/surah-content/verse-component/users-translations/UsersTranslations.jsx
@@ -10,21 +10,26 @@ const UsersTranslations = ({ verse_key, refreshKey }) => {
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState('');
 
-    const server = import.meta.env.SERVER;
+    const server = import.meta.env.VITE_SERVER;
 
     useEffect(() => {
+
         axios.get(`${server}/translations/get-translation?verse_key=${verse_key}`)
-            .then(response => setTranslations(response.data.data))
+            .then(response => {
+                console.log('response', response.data);
+                setTranslations(response.data.data)
+            })
             .catch(error => {
                 const match = error.response.data.match(/<pre>Error: (.*?)<br>/);
                 const errorMessage = match ? match[1] : "Unknown error";
 
                 setError(`Failed! ${errorMessage}`)
+
             })
             .finally(() => {
                 setLoading(false)
             })
-    }, [verse_key, refreshKey])
+    }, [verse_key, refreshKey, server])
 
     if (loading) return (
         <SimpleSkeleton></SimpleSkeleton>
diff --git a/src/pages/surah/surah-content/verse-component/verse-component/VerseComponent.jsx b/src/pages/surah/surah-content/verse-component/verse-component/VerseComponent.jsx
@@ -27,7 +27,7 @@ const VerseComponent = ({ verseData, arabicFont, page }) => {
 
     const [refreshKey, setRefreshKey] = useState(0);
 
-    const server = import.meta.env.SERVER;
+    const server = import.meta.env.VITE_SERVER;
 
     useEffect(() => {
         if (loggedInUser) {
diff --git a/src/pages/surah/surah-content/verse-component/verse-translations/SingleTranslation.jsx b/src/pages/surah/surah-content/verse-component/verse-translations/SingleTranslation.jsx
@@ -9,6 +9,8 @@ const SingleTranslation = ({ translationId, verse_key }) => {
     if (loading) return <SimpleSkeleton></SimpleSkeleton>
     if (error) return <p><span className="text-red-600">Error !</span> {error}</p>
 
+
+
     return (
         <div className="mb-8">
             <p className="">{translation.replace(/<sup[^>]*>.*?<\/sup>/g, "")}</p>
diff --git a/src/pages/surah/surah-content/verse-component/your-translation/YourTranslation.jsx b/src/pages/surah/surah-content/verse-component/your-translation/YourTranslation.jsx
@@ -27,7 +27,7 @@ const YourTranslation = ({ translation, setRefreshKey }) => {
 
     const { loggedInUser } = useContext(AuthContext);
 
-    const server = import.meta.env.SERVER;
+    const server = import.meta.env.VITE_SERVER;
 
     const handleEdit = (e) => {
         e.preventDefault();
diff --git a/src/pages/surah/surah/Surah.jsx b/src/pages/surah/surah/Surah.jsx
@@ -31,7 +31,7 @@ const Surah = () => {
     return (
         <div>
             <Helmet>
-                <title>{`${chapterNum}. ${name_simple} - ${name_arabic} ~ Translate Quran`}</title>
+                <title>{`${chapterNum}. ${name_simple} - ${name_arabic} ~ Scriptures`}</title>
 
                 <meta name="description" content={`Chapter ${name_simple} with translation`} />
 
diff --git a/src/sections/navbar/Navbar.jsx b/src/sections/navbar/Navbar.jsx
@@ -29,7 +29,7 @@ export const NavbarComponent = () => {
     const [successMsg, setSuccessMsg] = useState('');
     const [errorMsg, setErrorMsg] = useState('');
 
-    const server = import.meta.env.SERVER;
+    const server = import.meta.env.VITE_SERVER;
 
     const handleLogOut = () => {
         axios.post(`${server}/users/logout`, {}, {

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`export const carouselData = [`
`2`		`- "Translate Quran in Your Own Language",`
	`2`	`+ "Translate Scriptures in Your Own Language",`
`3`	`3`	`"Explore Hundreds of Translations for each verse"`
`4`	`4`	`// "Enjoy Productive Discussions"`
`5`	`5`	`]`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ const Enroll = () => {`
`38`	`38`	`const email = event.target.email.value;`
`39`	`39`	`const password = event.target.password.value;`
`40`	`40`
`41`		`- const server = import.meta.env.SERVER;`
	`41`	`+ const server = import.meta.env.VITE_SERVER;`
`42`	`42`
`43`	`43`	axios.post(`${server}/users/register`,
`44`	`44`	`{`
Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ const Login = () => {`
`37`	`37`	`const email = event.target.email.value;`
`38`	`38`	`const password = event.target.password.value;`
`39`	`39`
`40`		`- const server = import.meta.env.SERVER;`
	`40`	`+ const server = import.meta.env.VITE_SERVER;`
`41`	`41`
`42`	`42`	axios.post(`${server}/users/login`,
`43`	`43`	`{`