confirmation message implementation

closes #123 added confirmation message on successful project submission

.gitpod.yml

@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: npm install && npm run build
+    command: npm run start
+
+

src/App.js

@@ -11,6 +11,7 @@ import Layout from './components/Layout';
 import NotFound from './pages/404';
 import PrivacyPolicyPage from './pages/PrivacyPolicy';
 import TermsOfServicePage from './pages/Terms';
+import Success from './pages/Success'
 
 function App() {
   return (
@@ -28,6 +29,7 @@ function App() {
           <Route path='/login' element={<Login />} />
           <Route path='/logout' element={<Logout />} />
           <Route path='*' element={<NotFound />} />
+          <Route path='/success' element={<Success />} />
         </Routes>
       </Layout>
     </BrowserRouter>

src/App.jsx

@@ -11,13 +11,15 @@ import Layout from './components/Layout';
 import NotFound from './pages/404';
 import PrivacyPolicyPage from './pages/PrivacyPolicy';
 import TermsOfServicePage from './pages/Terms';
+import Success from './pages/Success'
 
 function App() {
   return (
     <BrowserRouter>
       <Layout>
         <Routes>
           <Route path='/404' element={<NotFound />} />
+          <Route path='/success' element={<Success />} />
           <Route path='/' element={<HomePage />} />
           <Route path='/viewprojects' element={<ViewProject />} />
           <Route path='/addproject' element={<AddProject />} />

src/pages/AddProject.jsx

@@ -81,7 +81,7 @@ function AddProject() {
 
       // Save the project data to Firestore
       const docRef = await addDoc(collection(db, 'projects'), projectData);
-      navigate('/viewprojects');
+      navigate('/success');
     } catch (error) {
       setErrorMessage(error.message);
     }

src/pages/Success.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+function NotFound() {
+  return (
+    <div className="flex flex-col bg-white text-gray-700 items-center justify-center h-screen">
+      <h1 className="text-4xl font-bold mb-4">Thank you for your Submission!</h1>
+      <p className="text-gray-600">Your project has been submitted</p>
+      <Link className="text-blue-600" to={"/"}>Go back to the homepage?</Link>     
+    </div>
+  );
+}
+
+export default NotFound;