Payin

.env.example

@@ -1,12 +1,12 @@
 SECRET=
-NEXTAUTH_URL=
+NEXTAUTH_URL=https://hackaton-pi-kohl.vercel.app
 NEXT_PUBLIC_SITE_URL=
 
 GITHUB_CLIENT_SECRET=
 GITHUB_CLIENT_ID=
 
-GOOGLE_CLIENT_SECRET=
-GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=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
+GOOGLE_CLIENT_ID=417884798791-ovv4gtp2pafpg7b5jl9og56j8o1t4075.apps.googleusercontent.com
 
 STRIPE_SECRET_KEY=
 

Hackaton/README.md

@@ -0,0 +1,62 @@
+# Hackaton Project
+
+## Overview
+The Hackaton project is designed to facilitate event registration and showcase a timeline of events or milestones. It includes a user-friendly interface with components for registration and timeline display.
+
+## Project Structure
+```
+Hackaton
+├── src
+│   ├── components
+│   │   ├── CallToAction
+│   │   │   └── index.tsx
+│   │   └── Timeline
+│   │       └── index.tsx
+│   ├── pages
+│   │   └── timeline.tsx
+├── package.json
+├── tsconfig.json
+└── README.md
+```
+
+## Components
+
+### CallToAction
+- **File:** `src/components/CallToAction/index.tsx`
+- **Description:** This component exports a functional component that includes a countdown timer and displays a registration prompt with a QR code. It encourages users to register for the event.
+
+### Timeline
+- **File:** `src/components/Timeline/index.tsx`
+- **Description:** This component will export a functional component responsible for rendering the timeline of events or milestones for the project.
+
+## Pages
+
+### TimelinePage
+- **File:** `src/pages/timeline.tsx`
+- **Description:** This page exports a functional component that serves as the page for displaying the timeline component. It may include additional layout or styling.
+
+## Configuration Files
+
+### TypeScript Configuration
+- **File:** `tsconfig.json`
+- **Description:** This file contains the configuration for TypeScript, specifying compiler options and files to include in the compilation.
+
+### NPM Configuration
+- **File:** `package.json`
+- **Description:** This file lists the dependencies and scripts for the project, managing the project's packages and build process.
+
+## Getting Started
+To get started with the Hackaton project, clone the repository and install the dependencies using npm:
+
+```bash
+npm install
+```
+
+After installing the dependencies, you can run the project using:
+
+```bash
+npm run dev
+```
+
+## License
+This project is licensed under the MIT License.

Hackaton/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "hackaton",
+  "version": "1.0.0",
+  "description": "A project for Hackaton event showcasing registration and timeline features.",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "latest",
+    "react": "latest",
+    "react-dom": "latest"
+  },
+  "devDependencies": {
+    "typescript": "latest",
+    "@types/react": "latest",
+    "@types/node": "latest"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

Hackaton/src/components/CallToAction/index.tsx

@@ -0,0 +1,27 @@
+// filepath: /Hackaton/Hackaton/src/components/Timeline/index.tsx
+import React from 'react';
+
+const Timeline = () => {
+  return (
+    <section className="timeline-section">
+      <h2 className="text-3xl font-bold text-center mb-6">Project Timeline</h2>
+      <ul className="timeline-list">
+        <li className="timeline-item">
+          <h3 className="timeline-title">Milestone 1</h3>
+          <p className="timeline-description">Description of milestone 1.</p>
+        </li>
+        <li className="timeline-item">
+          <h3 className="timeline-title">Milestone 2</h3>
+          <p className="timeline-description">Description of milestone 2.</p>
+        </li>
+        <li className="timeline-item">
+          <h3 className="timeline-title">Milestone 3</h3>
+          <p className="timeline-description">Description of milestone 3.</p>
+        </li>
+        {/* Add more milestones as needed */}
+      </ul>
+    </section>
+  );
+};
+
+export default Timeline;

Hackaton/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": "src"
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

README.md

@@ -1,91 +1 @@
-Play Next.js is a free and **Open-source SaaS starter kit and boilerplate, designed and built for SaaS startups**, apps, businesses, and more. With its premium design and essential UI components and pages, it provides everything you need to kickstart a feature-rich SaaS website.
-
-
-[![Play Next.js](https://github.com/NextJSTemplates/play-nextjs/blob/main/nextjs-play.png)](https://play.nextjstemplates.com)
-
-## Free SaaS Boilerplate and Starter Kit for Next.js 🚀
-Play Next.js SaaS Boilerplate and Starter Kit is a free, open-source solution ideal for startups, SaaS companies, and more. It offers essential UI components, authentication and database integration, and Stripe integration. Its superior design and functionality make it a go-to choice for launching a feature-rich SaaS website efficiently.
-
-### [🚀 View Live Demo](https://play.nextjstemplates.com/)
-
-### [🔌 Documentation](https://nextjstemplates.com/docs)
-
-### All Essential Integrations - DB, Auth, Payment, MDX, and more ⚡
-Play Next.js SaaS Starter kit includes all the key integrations required to build a fully functional SaaS platform.
-
-- **PostgreSQL for Database**: Comes with PostgreSQL integration with Prisma which is a powerful and open-source relational database system ensures data integrity and reliability.
-
-- **NextAuth for Authentication**: Play Next.js utilizes NextAuth, a versatile solution that provides secure login and user management.
-
-- **MDX for Blogs**: MDX uniquely combines Markdown and JSX, Play Next.js comes with complete blogging solution to create and maintain blog using MDX.
-
-- **Stripe for Subscription Payments**: Stripe, a globally trusted payment processing platform, offers robust security features and smooth checkout experiences.
-
-These integrations work together to simplify development and enhance the user experience.
-
-### Essential SaaS Pages & Components and Styled Using Tailwind CSS 🎨
-This Next.js SaaS Boilerplate and Starter Kit is **styled using Tailwind CSS**, a highly flexible and customizable utility-first CSS framework. Leveraging the power of Tailwind, each component and page of this kit, including **login, signup, blog, about, and others, has been handcrafted to offer top-notch aesthetics** while maintaining peak usability. 
-
-### Crafted Using [🎨 TailGrids Components](https://tailgrids.com)
-
-Play Next.js SaaS boilerplate, you can enjoy a professional-looking website that offers seamless operation, all while significantly reducing your web development time and effort.
-___
-
-### 🚀 Deploy Now
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FNextJSTemplates%2Fplay-nextjs)
-
-[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/NextJSTemplates/play-nextjs)
-
-### Setup Instructions
-
-Follow these steps to set up and run this template on your local machine:
-
-1. Begin by downloading and extracting the template from **Next.js Templates**.
-
-2. Once you've done that, navigate into the template directory using the **cd** command.
-
-3. Install the necessary dependencies by running the following commands:
-
-```bash
-    npm install --legacy-peer-deps
-```
-**Note:** As of right now React 19 causes peer dependencies issues with some packages, so the `legacy-peer-deps` flag is required.
-
-4. Now you're ready to start the project on your local server. Use the following command to get it up and running:
-
-```bash
-    npm run dev
- ```
-
-This will launch the template on [localhost:3000](http://localhost:3000).
-
-Our comprehensive documentation includes all the guides you'll need for integrating various features.
-
-### Deployment on PaaS
-
-If your project is hosted on a GitHub repository, you can deploy it using free and user-friendly platforms like [Vercel](https://vercel.com/) or [Netlify](https://netlify.com/). Both provide generous free tiers for hosting Next.js projects.
-
-### License Information
-Play is Free is completely free and open-source. Feel free to use it for both personal and commercial projects.
-
-### Show Your Support
-If you appreciate this project, please consider starring this repository. Your support encourages our team to continue creating more content like this and helps us to reach more users like you!
-
-## Explore More Templates
-For a wider range of options, feel free to browse our collection of [Next.js Templates, Boilerplates and Starter Kits](https://nextjstemplates.com/templates).
-
-### Update Log
-**29 Jan 2025**
-- Upgraded to Next.js 15
-- Using `Link` instead of `a` tag
-
-**21 March 2024**
-- Upgraded to Next.js 14
-- Updated stripe integration
-- Fixed auth issues
-- Updated all the packages
-- Update ts config & fix all the issues
-- Update signin & signup page Design
-- Integrated Magic link signin
-- & Forgot password
+Content will be put here for forking and installations!