Merge pull request #1 from JacRIT/Project_Website_Next_Js

next js // github actions

Author: JacRIT

.github/workflows/deploy.yml

@@ -0,0 +1,46 @@
+name: Deploy Next.js to GitHub Pages
+
+on:
+  push:
+    branches: ["main"]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+          cache: "npm"
+      - name: Install dependencies
+        run: npm ci
+      - name: Build with Next.js
+        run: npm run build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: ./codecrusaders/out
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

.prettierignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

codecrusaders/.gitignore

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

codecrusaders/README.md

@@ -0,0 +1,29 @@
+export default function About() {
+  return (
+    <section id="about">
+      <h2>Project Synopsis</h2>
+      <p>
+        FiTR is an innovative web application designed to streamline the job
+        matching process by connecting job seekers with employers based
+        primarily on location and key skills. Modeled after a “dating app”
+        format, users swipe left or right on job listings to indicate whether
+        they possess the necessary skills for a given position. When a match
+        occurs between a job seeker and an employer, a brief 5-10 minute
+        interview is scheduled, allowing both parties to assess if they wish to
+        continue the hiring process. Beyond facilitating quick connections, FiTR
+        provides valuable insights for employers, educators, and job seekers.
+        Employers can compare skills to other job postings, educators can
+        identify in-demand skills, and job seekers can evaluate how their skills
+        measure up against others in the industry. The platform highlights the
+        skills users possess while identifying any gaps in their expertise. For
+        job seekers seeking to enhance their qualifications, FiTR offers
+        educational resources to acquire the necessary skills, paving the way
+        for improved employability. Overall, FiTR is a comprehensive,
+        professional career platform that simplifies the job search process for
+        job seekers, employers, and educators alike. It empowers individuals to
+        understand the skills they need to secure employment while fostering
+        growth opportunities for career advancement.
+      </p>
+    </section>
+  )
+}

codecrusaders/app/about/page.tsx

@@ -1,3 +1,30 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
 /* General Reset */
 * {
   margin: 0;

codecrusaders/app/favicon.ico

@@ -0,0 +1,61 @@
+import type { Metadata } from "next"
+import { Geist, Geist_Mono } from "next/font/google"
+import "./globals.css"
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+})
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+})
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <header>
+          <h1>Career Roadmaps</h1>
+          <nav>
+            <ul>
+              <li>
+                <a href="/">Home</a>
+              </li>
+              <li>
+                <a href="/about">About</a>
+              </li>
+              <li>
+                <a href="/team">Team</a>
+              </li>
+              <li>
+                <a href="/reports_and_metrics">Metrics and Reports</a>
+              </li>
+              <li>
+                <a href="/process">Process and Plan</a>
+              </li>
+              <li>
+                <a href="https://github.com/JacRIT/Team3.github.io/wiki">
+                  Wiki/Documentation
+                </a>
+              </li>
+            </ul>
+          </nav>
+        </header>
+        <main>{children}</main>
+      </body>
+    </html>
+  )
+}

style.css codecrusaders/app/globals.cssstyle.css renamed to codecrusaders/app/globals.css

@@ -0,0 +1,16 @@
+import Image from "next/image"
+import About from "./about/page"
+import Team from "./team/page"
+import Reports_And_Metrics from "./reports_and_metrics/page"
+import Process from "./process/page"
+
+export default function Home() {
+  return (
+    <>
+      <About />
+      <Team />
+      <Reports_And_Metrics />
+      <Process />
+    </>
+  )
+}

codecrusaders/app/layout.tsx

@@ -0,0 +1,8 @@
+export default function Process() {
+  return (
+    <section id="process">
+      <h2>Process and Plan</h2>
+      <iframe src="https://docs.google.com/document/d/e/2PACX-1vRhc7M6mh0PP249T_HxK5GVZogUQQkIBW2RxMMXAaqSbr5qd4XmZ6dunclc9vOZgUJNRlHg6T4f9C6m/pub?embedded=true"></iframe>
+    </section>
+  )
+}