create Privacy Policy and terms of service pages

Author: Frenziecodes

src/App.js

@@ -9,6 +9,8 @@ import Login from './pages/Login';
 import Logout from './pages/Logout';
 import Layout from './components/Layout';
 import NotFound from './pages/404';
+import PrivacyPolicyPage from './pages/PrivacyPolicy';
+import TermsOfServicePage from './pages/Terms';
 
 function App() {
   return (
@@ -19,6 +21,8 @@ function App() {
           <Route path='/' element={<HomePage />} />
           <Route path='/viewprojects' element={<ViewProject />} />
           <Route path='/addproject' element={<AddProject />} />
+          <Route path='/privacypolicy' element={<PrivacyPolicyPage />} />
+          <Route path='/termsofservice' element={<TermsOfServicePage />} />
           <Route path='/contributing' element={<Contributing />} />
           <Route path='/registration' element={<Registration />} />
           <Route path='/login' element={<Login />} />

src/App.jsx

@@ -9,6 +9,8 @@ import Login from './pages/Login';
 import Logout from './pages/Logout';
 import Layout from './components/Layout';
 import NotFound from './pages/404';
+import PrivacyPolicyPage from './pages/PrivacyPolicy';
+import TermsOfServicePage from './pages/Terms';
 
 function App() {
   return (
@@ -19,6 +21,8 @@ function App() {
           <Route path='/' element={<HomePage />} />
           <Route path='/viewprojects' element={<ViewProject />} />
           <Route path='/addproject' element={<AddProject />} />
+          <Route path='/privacypolicy' element={<PrivacyPolicyPage />} />
+          <Route path='/termsofservice' element={<TermsOfServicePage />} />
           <Route path='/contributing' element={<Contributing />} />
           <Route path='/registration' element={<Registration />} />
           <Route path='/login' element={<Login />} />

src/components/Footer.jsx

@@ -15,13 +15,13 @@ function Footer() {
   ]
   const resources = [
     { url: '#!', text: 'Articles' },
-    { url: '/documentation', text: 'Documentation' },
+    { url: '#!', text: 'Documentation' },
     { url: '#!', text: 'Developer Resources' },
   ]
   const legal = [
-    { url: '#!', text: 'License' },
-    { url: '#!', text: 'Privacy Policy' },
-    { url: '#!', text: 'Terms of service' },
+    { url: 'https://github.com/Frenziecodes/Projest/blob/master/LICENSE', text: 'License' },
+    { url: '/privacypolicy', text: 'Privacy Policy' },
+    { url: '/termsofservice', text: 'Terms of service' },
   ]
   return (
     <footer className="bg-blue-800 text-white py-6">
@@ -31,10 +31,10 @@ function Footer() {
           <p className="text-sm px-2 md:px-0">A platform for showcasing and sharing projects. If you find this platform helpful, we would appreciate it if you could <a href="https://github.com/Frenziecodes/Projest" target="_blank" rel="noopener noreferrer">star</a> the project on <a href="https://github.com/Frenziecodes/Projest" target="_blank" rel="noopener noreferrer">GitHub</a>.</p>
         </div>
       </div>
-      <div className="grid md:grid-cols-2 lg:grid-cols-4 place-items-center my-2">
+      <div className="grid md:grid-cols-2 lg:grid-cols-3 place-items-center my-2">
         <LinksComponent label="Solutions" links={getInVolved} />
         <LinksComponent label="Support" links={support} />        
-        <LinksComponent label="resources" links={resources} />        
+        {/* <LinksComponent label="resources" links={resources} />         */}
         <LinksComponent label="Legal" links={legal} />        
       </div>
       <div className="text-center mt-4">

src/pages/PrivacyPolicy.jsx

@@ -0,0 +1,53 @@
+import React from 'react';
+
+const PrivacyPolicyPage = () => {
+  return (
+    <div className="container mx-auto px-4 mt-16 py-8">
+      <h1 className="text-3xl font-bold mb-4">Privacy Policy</h1>
+      <p className="mb-4">
+        At Projest, we value the privacy of our users and are committed to protecting it. This Privacy Policy outlines how we collect, use, and handle your personal information when you use our website and services.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Information We Collect</h2>
+      <p className="mb-4">
+        When you use Projest, we may collect the following types of information:
+      </p>
+      <ul className="list-disc list-inside mb-4">
+        <li>Information about the projects you upload, including project details and associated GitHub links</li>
+        <li>Information about your interactions with the website, such as browsing history and search queries</li>
+      </ul>
+      <h2 className="text-2xl font-bold mb-4">How We Use Your Information</h2>
+      <p className="mb-4">
+        We may use the information we collect for the following purposes:
+      </p>
+      <ul className="list-disc list-inside mb-4">
+        <li>To provide and improve our services</li>
+        <li>To personalize your experience and tailor the content and features to your interests</li>
+        <li>To communicate with you regarding your account and project uploads</li>
+        <li>To analyze and monitor the usage of our website and services</li>
+      </ul>
+      <h2 className="text-2xl font-bold mb-4">Information Sharing and Disclosure</h2>
+      <p className="mb-4">
+       We do not sell, trade, or otherwise transfer your personal information to third parties without your consent. However, we may share your information in the following circumstances:
+      </p>
+      <ul className="list-disc list-inside mb-4">
+        <li>With your consent or at your direction</li>
+        <li>With service providers and partners who assist us in delivering and improving our services</li>
+        <li>If required by law or to protect the rights, property, or safety of Projest, our users, or others</li>
+      </ul>
+      <h2 className="text-2xl font-bold mb-4">Security</h2>
+      <p className="mb-4">
+        We take reasonable measures to protect the information we collect from unauthorized access, disclosure, alteration, or destruction. However, please be aware that no method of transmission over the internet or electronic storage is completely secure.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Changes to this Privacy Policy</h2>
+      <p className="mb-4">
+        We may update this Privacy Policy from time to time. Any changes will be posted on this page, and the revised policy will become effective when posted. We encourage you to review this Privacy Policy periodically for any updates or changes.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Contact Us</h2>
+      <p className="mb-4">
+        If you have any questions or concerns about this Privacy Policy or our privacy practices, please contact us at coderflame3@gmail.com.
+      </p>
+    </div>
+  );
+};
+
+export default PrivacyPolicyPage;

src/pages/Terms.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+
+const TermsOfServicePage = () => {
+  return (
+    <div className="container mx-auto px-4 py-8 mt-16">
+      <h1 className="text-3xl font-bold mb-4">Terms of Service</h1>
+      <p className="mb-4">
+        Welcome to Projest! These Terms of Service outline the rules and regulations for using our website and services. By accessing or using Projest, you agree to comply with these terms and conditions.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Acceptance of Terms</h2>
+      <p className="mb-4">
+        By using Projest, you acknowledge that you have read, understood, and agree to be bound by these Terms of Service. If you do not agree with any part of these terms, please do not access or use our website.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">User Conduct</h2>
+      <p className="mb-4">
+        When using Projest, you agree to the following guidelines:
+      </p>
+      <ul className="list-disc list-inside mb-4">
+        <li>Do not violate any applicable laws or regulations</li>
+        <li>Do not infringe upon the rights of others</li>
+        <li>Do not engage in any harmful or malicious activities</li>
+        <li>Do not upload or share any content that is inappropriate, offensive, or violates intellectual property rights</li>
+        <li>Do not attempt to access or disrupt the integrity of our systems or networks</li>
+      </ul>
+      <h2 className="text-2xl font-bold mb-4">Intellectual Property</h2>
+      <p className="mb-4">
+        Projest and its associated logos, trademarks, and content are the intellectual property of Projest Inc. You may not use, reproduce, or distribute any of our intellectual property without prior written consent.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Disclaimer of Liability</h2>
+      <p className="mb-4">
+        Projest and its team are not liable for any damages or losses arising from the use of our website or services. We strive to provide accurate and reliable information, but we do not guarantee the completeness, accuracy, or timeliness of the content.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Termination</h2>
+      <p className="mb-4">
+        Projest reserves the right to terminate or suspend your access to our website and services at any time, without prior notice or liability, for any reason including, but not limited to, a breach of these Terms of Service.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Changes to the Terms</h2>
+      <p className="mb-4">
+        Projest may revise these Terms of Service at any time. We will provide notice of any material changes, either by posting the updated terms on our website or by sending you a notification. Your continued use of Projest after the changes will signify your acceptance of the updated terms.
+      </p>
+      <h2 className="text-2xl font-bold mb-4">Contact Us</h2>
+      <p className="mb-4">
+        If you have any questions or concerns about these Terms of Service, please contact us at coderflame3@gmail.com.
+      </p>
+    </div>
+  );
+};
+
+export default TermsOfServicePage;