Initial commit

Author: Techiral

.eslintrc.json

@@ -0,0 +1,12 @@
+{
+  "extends": ["next/core-web-vitals", "eslint:recommended"],
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "rules": {
+    // Your specific rules.
+    "no-unused-vars": "warn"
+  }
+}

.gitignore

@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# public
+public/robots.txt
+public/sitemap.xml
+public/sitemap-0.xml

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

README.md

@@ -0,0 +1,167 @@
+# 🚀 WantShip - Javascript
+
+**Welcome to WantShip!** 👋  
+Thank you for choosing WantShip as your go-to boilerplate for building, shipping, and monetizing your SaaS application quickly and efficiently. We’re thrilled to have you on board!
+
+## 🎉 Quick Start Guide
+
+Follow these steps to get your app up and running in no time:
+
+### 1. Clone the Repository
+
+Open your terminal and run the following commands:
+
+```bash
+git clone https://github.com/Techiral/WantShip.git [YOUR_APP_NAME]
+cd [YOUR_APP_NAME]
+git checkout supabase
+npm install
+git remote remove origin
+npm run dev
+```
+
+> **Note:**  
+> WantShip requires **Node 18.17** or greater. Check your Node version with:
+> ```bash
+> node -v
+> ```
+
+- **Main Branch:** Includes default NextAuth/MongoDB features.
+- **Supabase Branch:** Includes Supabase/PostgreSQL features.
+
+### 2. Configure Environment Variables
+
+Rename the `.env.example` file to `.env.local`:
+
+```bash
+mv .env.example .env.local
+```
+
+Open `.env.local` and add your Supabase environment variables:
+
+```env
+NEXT_PUBLIC_SUPABASE_URL=
+NEXT_PUBLIC_SUPABASE_ANON_KEY=
+SUPABASE_SERVICE_ROLE_KEY=
+EMAIL_SERVER=
+MAILGUN_API_KEY=
+STRIPE_PUBLIC_KEY=
+STRIPE_SECRET_KEY=
+STRIPE_WEBHOOK_SECRET=
+```
+
+### 3. Set Up Supabase
+
+1. Go to the [Supabase Dashboard](https://supabase.com/dashboard).
+2. Create a new project.
+3. Copy your **Supabase URL** and **Anon Key**.
+4. Paste them into the corresponding fields in `.env.local`.
+
+### 4. Launch Your Local Server
+
+Start your development server:
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) in your browser to see your site.  
+*You might see some console errors initially, but nothing critical!*
+
+## 📂 Project Structure
+
+- **/app** → Pages (1 folder + `page.js` = 1 page)
+- **/app/api** → API calls (1 file = 1 API endpoint)
+- **/components** → React components
+- **/libs** → Libraries and helper functions (Stripe, Mailgun, auth, etc.)
+- **config.js** → Configuration file. Each key is documented to explain its purpose.  
+  *This is the backbone of your app.*
+
+## ✨ Customize Your App
+
+### Edit the Landing Page
+
+1. Delete everything in `/app/page.js`.
+2. Replace it with the following code:
+
+```javascript
+import { Suspense } from 'react'
+import Header from "@/components/Header";
+import Hero from "@/components/Hero";
+import Problem from "@/components/Problem";
+import FeaturesAccordion from "@/components/FeaturesAccordion";
+import Pricing from "@/components/Pricing";
+import FAQ from "@/components/FAQ";
+import CTA from "@/components/CTA";
+import Footer from "@/components/Footer";
+
+export default function Home() {
+  return (
+    <>
+      <Suspense>
+        <Header />
+      </Suspense>
+      <main>
+        <Hero />
+        <Problem />
+        <FeaturesAccordion />
+        <Pricing />
+        <FAQ />
+        <CTA />
+      </main>
+      <Footer />
+    </>
+  );
+}
+```
+
+3. **Customize Your Content:**
+   - Edit each component (`Header`, `Hero`, `Problem`, etc.) to fit your business logic.
+   - Each component includes tips to help you write copy that sells.
+
+> **Congratulations!** 🎉  
+> You now have a beautiful landing page to showcase your SaaS application.
+
+### (Optional) Collect Emails for a Waitlist
+
+1. Set up a database.
+2. Replace the main call-to-action buttons in the following components:
+
+**Hero.js & CTA.js:**
+
+```javascript
+import ButtonLead from "@/components/ButtonLead";
+
+{/* Replace the CTA button with this */}
+<ButtonLead />
+```
+
+**Pricing.js:**
+
+```javascript
+import ButtonLead from "@/components/ButtonLead";
+
+{/* Replace the Pricing CTA button with this */}
+<ButtonLead extraStyle="!max-w-none !w-full" />
+```
+
+## 🚀 Deploy Your App
+
+It’s time to take your app live! Follow our simple [deployment tutorial](https://10x-ship.vercel.app/blog) to get your startup in front of your customers within 5 minutes.  
+*Need more help?* Check out our comprehensive [documentation](https://10x-ship.vercel.app/blog).
+
+## 📚 Additional Resources
+
+- **Documentation:** [WantShip Blog](https://10x-ship.vercel.app/blog)
+- **Stay Updated:** [Subscribe to our Newsletter](https://techiral.beehiiv.com/)
+- **Follow Us on Twitter:** [@techiral_](https://twitter.com/techiral_)
+
+## 🙌 Thank You!
+
+Thank you for choosing WantShip! We’re excited to see what you build. If you have any questions or need support, feel free to reach out through our [Twitter](https://twitter.com/techiral_) or subscribe to our [newsletter](https://techiral.beehiiv.com/) for the latest updates and tips.
+
+**Let’s build that startup, FAST ⚡️**
+
+---
+
+**WantShip - Build. Ship. Monetize.**

app/2.jfif

@@ -0,0 +1,10 @@
+// import Link from "next/link";
+// This is the article card that appears in the home page, in the category page, and in the author's page
+// const UserSurveyID = ({surveyObject}) => {
+    
+//    return (
+//        <div>
+//        {{surveyObject}}
+//        </div>
+//    )
+// }

app/3.jfif

@@ -0,0 +1,75 @@
+'use client';
+import React, { useState,useEffect } from 'react';
+import { useRouter } from 'next/navigation'
+import axios from 'axios';
+export default function Page({ params }) {
+    const { survey } = params;
+    const router = useRouter()
+    const id = survey[1]
+    const [data,setData] = useState([]);
+    const fetchData = async () => {
+      const result = await axios.get('/api/public/getPublic/', { params: {
+        id: id
+      }})
+        // Check if result.data is an array
+        if (Array.isArray(result.data.data)) {
+          setData(result.data.data);
+        } else {
+          console.error(typeof result.data.data)
+          console.error('Error: result.data is not an array');
+        }
+      };
+
+    useEffect(() => {
+        fetchData();
+      }, []);
+
+      const voteSurvey = async (id) => {
+        try {
+          const response = await axios.post('/api/public/votePublic', {params: {id}});
+          router.push('/thankyou');
+          fetchData();
+        } catch (error) {
+          console.error(error);
+        }
+      }
+
+      return(
+        <div className='flex flex-col items-center justify-center min-h-screen'>
+          <div>
+            {data.map((item, index) => (
+              <h1 className='text-xl text-center uppercase mb-3 ' key={index}>
+                {item.title}
+              </h1>
+            ))}
+          </div>
+      
+          <div>
+            <table className='table'>
+              <tbody>
+                <tr>
+                  {data.map((item, index) => (
+                    <td className='bg-base-200' key={item.id} onClick={() => voteSurvey({"user_selected":"option_1","survey_id":id})}>{item.option_1}</td>
+                  ))}
+                </tr>
+                <tr>
+                  {data.map((item, index) => (
+                    <td className='bg-base-200' key={item.id} onClick={() => voteSurvey({"user_selected":"option_2","survey_id":id})}>{item.option_2}</td>
+                  ))}
+                </tr>
+                <tr>
+                  {data.map((item, index) => (
+                    <td className='bg-base-200' key={item.id} onClick={() => voteSurvey({"user_selected":"option_3","survey_id":id})}>{item.option_3}</td>
+                  ))}
+                </tr>
+                <tr>
+                  {data.map((item, index) => (
+                    <td className='bg-base-200' key={item.id} onClick={() => voteSurvey({"user_selected":"option_4","survey_id":id})}>{item.option_4}</td>
+                  ))}
+                </tr>
+              </tbody>
+            </table>         
+          </div>
+        </div>
+      )
+  }

app/One.jfif

@@ -0,0 +1,20 @@
+import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
+import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
+import config from "@/config";
+
+export const dynamic = "force-dynamic";
+
+// This route is called after a successful login. It exchanges the code for a session and redirects to the callback URL (see config.js).
+export async function GET(req) {
+  const requestUrl = new URL(req.url);
+  const code = requestUrl.searchParams.get("code");
+
+  if (code) {
+    const supabase = createRouteHandlerClient({ cookies });
+    await supabase.auth.exchangeCodeForSession(code);
+  }
+
+  // URL to redirect to after sign in process completes
+  return NextResponse.redirect(requestUrl.origin + config.auth.callbackUrl);
+}

app/Supabase.png

@@ -0,0 +1,23 @@
+import { NextResponse } from "next/server";
+import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
+import { cookies } from "next/headers";
+
+// This route is used to store the leads that are generated from the landing page.
+// The API call is initiated by <ButtonLead /> component
+export async function POST(req) {
+  const body = await req.json();
+
+  if (!body.email) {
+    return NextResponse.json({ error: "Email is required" }, { status: 400 });
+  }
+
+  try {
+    const supabase = createRouteHandlerClient({ cookies });
+    await supabase.from("leads").insert({ email: body.email });
+
+    return NextResponse.json({});
+  } catch (e) {
+    console.error(e);
+    return NextResponse.json({ error: e.message }, { status: 500 });
+  }
+}

app/[...survey]/_assets/components/SurveyTable.js

@@ -0,0 +1,17 @@
+import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs";
+import { NextResponse } from "next/server";
+import { cookies } from "next/headers";
+
+export const dynamic = "force-dynamic";
+
+export async function GET(req,res, next) {
+  const id = req.nextUrl.searchParams.get("id");
+  const supabase = createRouteHandlerClient({ cookies });
+
+  const { data, error } = await supabase.from("user_created_polls").select("*").eq("id", id);
+  if (error) {
+    return NextResponse.json({ "error": error.message }, { status: 500 });
+  }
+  return NextResponse.json({ "data": data}, { status: 200 });
+}
+