18 |
21 | {title}
;
9 | };
10 |
--------------------------------------------------------------------------------
/extension/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "plugins": [
3 | "prettier-plugin-organize-imports",
4 | "prettier-plugin-tailwindcss"
5 | ],
6 | "trailingComma": "es5",
7 | "tabWidth": 2,
8 | "semi": true,
9 | "singleQuote": false,
10 | "endOfLine": "auto"
11 | }
12 |
--------------------------------------------------------------------------------
/frontend/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "plugins": [
3 | "prettier-plugin-organize-imports",
4 | "prettier-plugin-tailwindcss"
5 | ],
6 | "trailingComma": "es5",
7 | "tabWidth": 2,
8 | "semi": true,
9 | "singleQuote": false,
10 | "endOfLine": "auto"
11 | }
12 |
--------------------------------------------------------------------------------
/backend/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '3.9'
2 |
3 | services:
4 | cache:
5 | image: redis
6 | container_name: cache
7 | restart: unless-stopped
8 | environment:
9 | REDIS_HOST: localhost
10 | REDIS_PASSWORD: "5678"
11 | ports:
12 | - "6379:6379"
--------------------------------------------------------------------------------
/backend/Repositories/Interfaces/ICacheRepository.cs:
--------------------------------------------------------------------------------
1 | namespace backend.Repositories.Interfaces;
2 |
3 | public interface ICacheRepository
4 | {
5 | Task SetAsync
6 | {children}
7 |
8 | );
9 | };
10 |
--------------------------------------------------------------------------------
/frontend/src/config/config.ts:
--------------------------------------------------------------------------------
1 | export const API_URL = process.env.API_URL;
2 | export const API_KEY = process.env.API_KEY;
3 | export const EXTENSION_URL = process.env.NEXT_PUBLIC_EXTENSION_URL ?? "";
4 |
5 | export const RECENT_COURSES_TTL = parseInt(
6 | process.env.NEXT_PUBLIC_RECENT_COURSES_TTL ?? "",
7 | 10
8 | );
9 |
--------------------------------------------------------------------------------
/extension/src/pages/options/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {children}
7 |
8 | );
9 | };
10 |
--------------------------------------------------------------------------------
/frontend/src/app/providers.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Provider } from "react-redux";
4 | import { store } from "../store/store";
5 |
6 | const Providers = ({ children }: { children: React.ReactNode }) => {
7 | return
10 | {text}
11 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/extension/src/pages/options/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { createRoot } from 'react-dom/client';
3 | import Options from '@pages/options/Options';
4 | import '@pages/options/index.css';
5 |
6 | function init() {
7 | const rootContainer = document.querySelector("#__root");
8 | if (!rootContainer) throw new Error("Can't find Options root element");
9 | const root = createRoot(rootContainer);
10 | root.render(
16 | {text}
17 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/backend/Models/Faculty.cs:
--------------------------------------------------------------------------------
1 | using Google.Cloud.Firestore;
2 |
3 | namespace backend.Models;
4 |
5 | [FirestoreData]
6 | public class Faculty
7 | {
8 | [FirestoreProperty]
9 | public string? ID { get; set; }
10 | [FirestoreProperty]
11 | public required string Code { get; set; }
12 | [FirestoreProperty]
13 | public required string Name { get; set; }
14 | [FirestoreProperty]
15 | public int Count { get; set; } = 0;
16 | [FirestoreProperty]
17 | public required Timestamp CreatedAt { get; set; }
18 | }
19 |
--------------------------------------------------------------------------------
/frontend/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "style": "new-york",
4 | "rsc": true,
5 | "tsx": true,
6 | "tailwind": {
7 | "config": "tailwind.config.ts",
8 | "css": "src/app/globals.css",
9 | "baseColor": "neutral",
10 | "cssVariables": true,
11 | "prefix": ""
12 | },
13 | "aliases": {
14 | "components": "@/src/components",
15 | "utils": "@/lib/utils",
16 | "ui": "@/src/components/ui",
17 | "lib": "@/lib",
18 | "hooks": "@/hooks"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/frontend/src/middleware.ts:
--------------------------------------------------------------------------------
1 | import type { NextRequest } from "next/server";
2 | import { NextResponse } from "next/server";
3 |
4 | export function middleware(request: NextRequest) {
5 | const headers = new Headers(request.headers);
6 | headers.set("x-current-path", request.nextUrl.pathname);
7 |
8 | return NextResponse.next({ headers });
9 | }
10 |
11 | export const config = {
12 | matcher: [
13 | // match all routes except static files and APIs
14 | "/((?!api|_next/static|_next/image|favicon.ico).*)",
15 | ],
16 | };
17 |
--------------------------------------------------------------------------------
/frontend/public/favicon/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "MyWebSite",
3 | "short_name": "MySite",
4 | "icons": [
5 | {
6 | "src": "/web-app-manifest-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png",
9 | "purpose": "maskable"
10 | },
11 | {
12 | "src": "/web-app-manifest-512x512.png",
13 | "sizes": "512x512",
14 | "type": "image/png",
15 | "purpose": "maskable"
16 | }
17 | ],
18 | "theme_color": "#ffffff",
19 | "background_color": "#ffffff",
20 | "display": "standalone"
21 | }
--------------------------------------------------------------------------------
/backend/DTO/FacultyDTO.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json.Serialization;
2 |
3 | namespace backend.DTO;
4 |
5 | public record FacultyDTO
6 | {
7 | [JsonPropertyName("id")]
8 | public string? ID { get; init; }
9 | [JsonPropertyName("code")]
10 | public required string Code { get; init; }
11 | [JsonPropertyName("name")]
12 | public required string Name { get; init; }
13 | [JsonPropertyName("count")]
14 | public int Count { get; init; } = 0;
15 |
16 | [JsonPropertyName("created_at")]
17 | public DateTime? CreatedAt { get; init; }
18 | }
--------------------------------------------------------------------------------
/frontend/src/api/dto/faculty.dto.ts:
--------------------------------------------------------------------------------
1 | import { Faculty } from "@/src/types";
2 |
3 | export type FacultyDTO = {
4 | id: string;
5 | code: string;
6 | name: string;
7 | count: number;
8 | created_at: string;
9 | };
10 |
11 | export const parseFacultyDTO = (data: FacultyDTO): Faculty => ({
12 | id: data.id,
13 | code: data.code,
14 | name: data.name,
15 | count: data.count,
16 | createdAt: data.created_at,
17 | });
18 |
19 | export const parseFacultyDTOList = (data: FacultyDTO[]): Faculty[] => {
20 | return data.map(parseFacultyDTO);
21 | };
22 |
--------------------------------------------------------------------------------
/frontend/src/hooks/useIsUnderLargeViewport.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | export const useIsMobileViewport = () => {
4 | const [isMobile, setIsMobile] = useState(() => window.innerWidth < 1024);
5 |
6 | useEffect(() => {
7 | const handleResize = () => {
8 | setIsMobile(window.innerWidth < 1024);
9 | };
10 |
11 | window.addEventListener("resize", handleResize);
12 |
13 | return () => {
14 | window.removeEventListener("resize", handleResize);
15 | };
16 | }, []);
17 |
18 | return { isMobile };
19 | };
20 |
--------------------------------------------------------------------------------
/frontend/src/utils/formatTime.ts:
--------------------------------------------------------------------------------
1 | export const formatTime = (dateStr: string): string => {
2 | const date = new Date(dateStr);
3 |
4 | const day = date.getUTCDate().toString().padStart(2, "0");
5 | const month = date.toLocaleString("en-US", { month: "short" });
6 | const year = date.getUTCFullYear();
7 | const hours = date.getUTCHours().toString().padStart(2, "0");
8 | const minutes = date.getUTCMinutes().toString().padStart(2, "0");
9 |
10 | const formattedDate = `${day} ${month} ${year} at ${hours}:${minutes}`;
11 | return formattedDate;
12 | };
13 |
--------------------------------------------------------------------------------
/frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 | .yarn/install-state.gz
8 |
9 | # testing
10 | /coverage
11 |
12 | # next.js
13 | /.next/
14 | /out/
15 |
16 | # production
17 | /build
18 |
19 | # misc
20 | .DS_Store
21 | *.pem
22 |
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 |
28 | # local env files
29 | .env*.local
30 |
31 | # vercel
32 | .vercel
33 |
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 |
--------------------------------------------------------------------------------
/backend/.env.template:
--------------------------------------------------------------------------------
1 | ASPNETCORE_ENVIRONMENT=Development
2 | # ASPNETCORE_ENVIRONMENT=Production
3 | ASPNETCORE_URLS="http://localhost:5203"
4 |
5 | Web__Url=http://localhost:3000
6 | API__Key=apikey
7 | ConnectionStrings__Redis="localhost:6379,password=5678"
8 | TTL__Faculty=86400000 # 1 day
9 | TTL__Course=3600000 # 1 hour
10 |
11 | Firestore__DB=ourcourseville
12 | Firestore__Faculties=faculties_dev
13 | Firestore__Courses=courses_dev
14 | Firestore__Assignments=assignments_dev
15 | Firestore__Records=records_dev
16 |
17 | GOOGLE_APPLICATION_CREDENTIALS=firebase-adminsdk.json
--------------------------------------------------------------------------------
/frontend/src/api/dto/record.dto.ts:
--------------------------------------------------------------------------------
1 | import { Problem, Record } from "@/src/types";
2 |
3 | export type RecordDTO = {
4 | id: string;
5 | assignment_code: string;
6 | code: string;
7 | problems: Problem[];
8 | created_at: string;
9 | };
10 |
11 | export const parseRecordDTO = (data: RecordDTO): Record => ({
12 | id: data.id,
13 | assignmentCode: data.assignment_code,
14 | problems: data.problems,
15 | createdAt: data.created_at,
16 | });
17 |
18 | export const parseRecordDTOList = (data: RecordDTO[]): Record[] => {
19 | return data.map(parseRecordDTO);
20 | };
21 |
--------------------------------------------------------------------------------
/backend/Models/Assignment.cs:
--------------------------------------------------------------------------------
1 | using Google.Cloud.Firestore;
2 |
3 | namespace backend.DTO;
4 |
5 | [FirestoreData]
6 | public class Assignment
7 | {
8 | [FirestoreProperty]
9 | public string? ID { get; set; }
10 | [FirestoreProperty]
11 | public required string CourseCode { get; set; }
12 | [FirestoreProperty]
13 | public required string Code { get; set; }
14 | [FirestoreProperty]
15 | public required string Name { get; set; }
16 | [FirestoreProperty]
17 | public int Count { get; set; } = 0;
18 | [FirestoreProperty]
19 | public required Timestamp CreatedAt { get; set; }
20 | }
--------------------------------------------------------------------------------
/extension/src/pages/popup/components/CopyButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { FC } from "react";
4 | import { FaCopy } from "react-icons/fa";
5 |
6 | interface CopyButtonProps {
7 | text: string;
8 | }
9 |
10 | export const CopyButton: FC
16 | {children}
17 |
18 |
19 | );
20 | };
21 |
--------------------------------------------------------------------------------
/backend/DTO/CourseDTO.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json.Serialization;
2 |
3 | namespace backend.DTO;
4 |
5 | public record CourseDTO
6 | {
7 | [JsonPropertyName("id")]
8 | public string? ID { get; init; }
9 | [JsonPropertyName("faculty_code")]
10 | public required string FacultyCode { get; init; }
11 | [JsonPropertyName("code")]
12 | public required string Code { get; init; }
13 | [JsonPropertyName("icon")]
14 | public required string Icon { get; init; }
15 | [JsonPropertyName("name")]
16 | public required string Name { get; init; }
17 | [JsonPropertyName("count")]
18 | public int Count { get; init; } = 0;
19 |
20 | [JsonPropertyName("created_at")]
21 | public DateTime? CreatedAt { get; init; }
22 | }
--------------------------------------------------------------------------------
/frontend/src/components/Button/index.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from "react";
2 |
3 | interface ButtonProps {
4 | onClick?: () => void;
5 | disabled?: boolean;
6 | text: string;
7 | }
8 |
9 | export const Button: FCError: {currentCourse.message}
;
13 | }
14 |
15 | return (
16 |
18 | {items.map((item, index) => (
19 |
24 |
32 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/backend/backend.csproj:
--------------------------------------------------------------------------------
1 |
15 |
24 |
25 | );
26 | };
27 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/toaster.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useToast } from "@/hooks/use-toast";
4 | import {
5 | Toast,
6 | ToastClose,
7 | ToastDescription,
8 | ToastProvider,
9 | ToastTitle,
10 | ToastViewport,
11 | } from "@/src/components/ui/toast";
12 |
13 | export function Toaster() {
14 | const { toasts } = useToast();
15 |
16 | return (
17 |
16 |
23 |
18 |
22 | 19 | {fileName} 20 |
21 |
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 | Error: {faculties.message}
;
9 | }
10 |
11 | return (
12 |
14 |
24 |
15 |
18 |
19 | {faculties.map((f) => (
20 |
23 |
30 |
37 |
31 |
33 | {id}
32 |
34 | {formattedDate}
35 |
36 | Error: {records.message}
;
12 | }
13 |
14 | return (
15 |
16 |
30 | );
31 | };
32 |
33 | export default AssignmentPage;
34 |
--------------------------------------------------------------------------------
/backend/Config/Config.cs:
--------------------------------------------------------------------------------
1 | namespace backend.Config;
2 |
3 | public class FirestoreConfig
4 | {
5 | public const string Firestore = "Firestore";
6 | public required string DB { get; set; }
7 | public required string Faculties { get; set; }
8 | public required string Courses { get; set; }
9 | public required string Assignments { get; set; }
10 | public required string Records { get; set; }
11 | }
12 |
13 | public class TTLConfig
14 | {
15 | public const string TTL = "TTL";
16 |
17 | private int? facultyTTL;
18 | private int? courseTTL;
19 |
20 | public required int Faculty
21 | {
22 | get => facultyTTL ?? throw new ArgumentNullException(nameof(facultyTTL));
23 | set
24 | {
25 | facultyTTL = value;
26 | FacultyTTL = TimeSpan.FromSeconds(value);
27 | }
28 | }
29 |
30 | public required int Course
31 | {
32 | get => courseTTL ?? throw new ArgumentNullException(nameof(courseTTL));
33 | set
34 | {
35 | courseTTL = value;
36 | CourseTTL = TimeSpan.FromSeconds(value);
37 | }
38 | }
39 |
40 | public TimeSpan FacultyTTL { get; private set; }
41 | public TimeSpan CourseTTL { get; private set; }
42 | }
--------------------------------------------------------------------------------
/backend/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json.schemastore.org/launchsettings.json",
3 | "iisSettings": {
4 | "windowsAuthentication": false,
5 | "anonymousAuthentication": true,
6 | "iisExpress": {
7 | "applicationUrl": "http://localhost:15772",
8 | "sslPort": 44301
9 | }
10 | },
11 | "profiles": {
12 | "http": {
13 | "commandName": "Project",
14 | "dotnetRunMessages": true,
15 | "launchBrowser": true,
16 | "launchUrl": "swagger",
17 | "applicationUrl": "http://localhost:5030",
18 | "environmentVariables": {
19 | "ASPNETCORE_ENVIRONMENT": "Development"
20 | }
21 | },
22 | "https": {
23 | "commandName": "Project",
24 | "dotnetRunMessages": true,
25 | "launchBrowser": true,
26 | "launchUrl": "swagger",
27 | "applicationUrl": "https://localhost:7154;http://localhost:5030",
28 | "environmentVariables": {
29 | "ASPNETCORE_ENVIRONMENT": "Development"
30 | }
31 | },
32 | "IIS Express": {
33 | "commandName": "IISExpress",
34 | "launchBrowser": true,
35 | "launchUrl": "swagger",
36 | "environmentVariables": {
37 | "ASPNETCORE_ENVIRONMENT": "Development"
38 | }
39 | }
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/backend/docker-compose.qa.yml:
--------------------------------------------------------------------------------
1 | version: "3.9"
2 |
3 | services:
4 | ourcourseville:
5 | image: ghcr.io/bookpanda/ourcourseville:latest
6 | container_name: ourcourseville
7 | restart: unless-stopped
8 | environment:
9 | ASPNETCORE_ENVIRONMENT: Production
10 | ASPNETCORE_URLS: "http://+:5203"
11 | API__Key: apikey
12 | ConnectionStrings__Redis: "cache:6379,password=5678"
13 | TTL__Faculty: 86400 # 1 day
14 | TTL__Course: 3600 # 1 hour
15 | Firestore__DB: ourcourseville
16 | Firestore__Faculties: faculties_dev
17 | Firestore__Courses: courses_dev
18 | Firestore__Assignments: assignments_dev
19 | Firestore__Records: records_dev
20 | GOOGLE_APPLICATION_CREDENTIALS: firebase-adminsdk.json
21 | volumes:
22 | - ./firebase-adminsdk.json:/app/firebase-adminsdk.json
23 | networks:
24 | - ourcourseville
25 | ports:
26 | - "5203:5203"
27 |
28 | cache:
29 | image: redis
30 | container_name: cache
31 | restart: unless-stopped
32 | environment:
33 | REDIS_HOST: localhost
34 | REDIS_PASSWORD: "5678"
35 | networks:
36 | - ourcourseville
37 | expose:
38 | - 6379
39 |
40 | networks:
41 | ourcourseville:
42 | name: ourcourseville
43 |
44 |
--------------------------------------------------------------------------------
/.github/workflows/build-deploy.yml:
--------------------------------------------------------------------------------
1 | name: Build
2 |
3 | on:
4 | workflow_dispatch:
5 | pull_request:
6 | types:
7 | - closed
8 | branches:
9 | - main
10 | - dev
11 | push:
12 | branches:
13 | - main
14 | - dev
15 | tags:
16 | - v*
17 |
18 | env:
19 | IMAGE_NAME: ghcr.io/${{ github.repository }}
20 |
21 | jobs:
22 | build:
23 | name: Build
24 | runs-on: ubuntu-latest
25 |
26 | permissions:
27 | contents: write
28 | packages: write
29 |
30 | steps:
31 | - name: Set up Docker Buildx
32 | uses: docker/setup-buildx-action@v2
33 |
34 | - name: Log in to the Container Registry
35 | uses: docker/login-action@v2
36 | with:
37 | registry: ghcr.io
38 | username: ${{ github.actor }}
39 | password: ${{ github.token }}
40 |
41 | - name: Build and Push Docker Image
42 | uses: docker/build-push-action@v3
43 | with:
44 | file: ./backend/Dockerfile.ci
45 | push: true
46 | tags: ${{ env.IMAGE_NAME }}:${{ github.ref_type == 'tag' && github.ref_name || github.sha }},${{ env.IMAGE_NAME }}:latest
47 | cache-from: type=registry,ref=${{ env.IMAGE_NAME }}:buildcache
48 | cache-to: type=registry,ref=${{ env.IMAGE_NAME }}:buildcache,mode=max
49 |
--------------------------------------------------------------------------------
/backend/DTO/RecordDTO.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json.Serialization;
2 | using backend.Models;
3 |
4 | namespace backend.DTO;
5 |
6 | public record CreateRecordDTO
7 | {
8 | [JsonPropertyName("course_code")]
9 | public required string CourseCode { get; init; }
10 | [JsonPropertyName("course_id")]
11 | public required string CourseID { get; init; }
12 | [JsonPropertyName("course")]
13 | public required string Course { get; init; }
14 | [JsonPropertyName("course_icon")]
15 | public string? CourseIcon { get; init; }
16 | [JsonPropertyName("assignment_code")]
17 | public required string AssignmentCode { get; init; }
18 | [JsonPropertyName("assignment")]
19 | public required string Assignment { get; init; }
20 | [JsonPropertyName("problems")]
21 | public required List
17 |
20 | Records
18 |Created At
19 |
21 | {records.map((r) => (
22 |
29 |
6 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/backend/Data/Seed/FirestoreSeeder.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json;
2 | using backend.DTO;
3 | using backend.Services.Interfaces;
4 |
5 | public class FirestoreSeeder
6 | {
7 | private readonly IFacultyService _facultySvc;
8 |
9 | public FirestoreSeeder(IFacultyService facultySvc)
10 | {
11 | _facultySvc = facultySvc;
12 | }
13 |
14 | public async Task SeedFaculties()
15 | {
16 | var jsonData = await File.ReadAllTextAsync("Data/Seed/faculties.json");
17 | var faculties = JsonSerializer.Deserialize
7 |
14 |
19 |
8 |
13 |
10 | How to use extension
11 |
12 |
20 | Download and unzip the extension from this web
21 |
22 | Go to{" "}
23 | chrome://extensions/{" "}
24 | (you can copy and paste this link in your browser)
25 |
26 |
27 | Click Load unpacked and
28 | select the unzipped folder
29 |
30 | Now you can share your ideas with your friends
31 |
32 | Error: {courses.message}
;
13 | }
14 |
15 | return (
16 |
18 |
32 |
19 |
22 |
23 | {courses.map((c) => (
24 |
31 |
25 |
37 |
38 |
26 |
36 |
27 |
34 |
28 | {code}
29 |
30 |
31 | {name}
32 |
33 | Courses: {count}
39 | Error: {faculties.message}
;
11 | }
12 |
13 | return (
14 |
16 |
34 |
17 |
33 |
18 |
23 |
20 | Home
21 |
22 |
25 |
32 |
26 |
28 |
29 |
31 |
6 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/extension/src/pages/content/scripts/fillin.ts:
--------------------------------------------------------------------------------
1 | import { RecordDTO } from "@src/types";
2 |
3 | export const fillin = async (record: RecordDTO) => {
4 | console.log("Success:", record);
5 | const mainElements = document.querySelectorAll("main");
6 | const innerMain = mainElements[1];
7 | const form = innerMain.querySelectorAll("form")[0];
8 |
9 | const problems = Array.from(form.children).filter(
10 | (child) => child.tagName === "DIV"
11 | );
12 |
13 | const solutions = record.problems;
14 |
15 | problems.forEach((p, i) => {
16 | const questionDiv = p.children[0].children[0];
17 | const questionP = questionDiv.getElementsByTagName("p");
18 | const textArray = Array.from(questionP).map((para) =>
19 | para.textContent?.trim()
20 | );
21 | const question = textArray.join(" ");
22 |
23 | const answer =
24 | solutions.find((solution) => solution.question === question)?.answer ??
25 | "No answer found";
26 | console.log(`answer for question ${question} (${i + 1}):`, answer);
27 | const inputs = p.querySelectorAll("input");
28 |
29 | inputs.forEach((input) => {
30 | if (input.type === "text") {
31 | input.value = answer;
32 | } else if (input.type === "radio") {
33 | if (input.value === answer) {
34 | input.click();
35 | }
36 | }
37 | });
38 |
39 | const buttons = p.querySelectorAll("button");
40 | buttons.forEach((button) => {
41 | if (button.value === answer) {
42 | button.click();
43 | }
44 | });
45 | });
46 | };
47 |
--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | 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).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 |
21 | 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.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | 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.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
37 |
--------------------------------------------------------------------------------
/.github/workflows/ext-ci.yml:
--------------------------------------------------------------------------------
1 | name: Build and Zip Extension
2 |
3 | on:
4 | workflow_dispatch:
5 | pull_request:
6 | types:
7 | - closed
8 | branches:
9 | - main
10 | - dev
11 | push:
12 | branches:
13 | - main
14 | - dev
15 | tags:
16 | - v*
17 |
18 | jobs:
19 | build:
20 | name: Build
21 | timeout-minutes: 15
22 | runs-on: ubuntu-latest
23 | steps:
24 | - name: Check out code
25 | uses: actions/checkout@v4
26 | with:
27 | fetch-depth: 2
28 |
29 | - name: Change directory to "extension"
30 | run: cd extension
31 |
32 | - name: Setup Node.js environment
33 | uses: actions/setup-node@v3
34 | with:
35 | node-version: 18
36 |
37 | - name: Install Bun
38 | uses: oven-sh/setup-bun@v2
39 | with:
40 | bun-version: 1.1.26
41 |
42 | - name: Update manifest.json
43 | working-directory: ./extension
44 | run: |
45 | sed -i 's|"api_url": ".*"|"api_url": "${{ secrets.API_URL }}"|' manifest.json
46 | sed -i 's|"api_key": ".*"|"api_key": "${{ secrets.API_KEY }}"|' manifest.json
47 |
48 | - name: Install dependencies
49 | working-directory: ./extension
50 | run: bun install
51 |
52 | - name: Build
53 | working-directory: ./extension
54 | run: bun run build
55 |
56 | - name: Upload extension artifacts
57 | uses: actions/upload-artifact@v4
58 | with:
59 | name: ourcourseville-chrome-extension
60 | path: extension/dist
61 |
--------------------------------------------------------------------------------
/frontend/src/components/NavBar/NavItem.tsx:
--------------------------------------------------------------------------------
1 | import clsx from "clsx";
2 | import Link from "next/link";
3 | import { FC, PropsWithChildren } from "react";
4 |
5 | interface NavItemProps extends PropsWithChildren {
6 | isSelected: boolean;
7 | isEnabled: boolean;
8 | isMobile: boolean;
9 | href: string;
10 | text: string;
11 | children: React.ReactNode;
12 | }
13 |
14 | export const NavItem: FC
7 |
14 |
19 |
8 |
13 |
10 | What is OurCourseVille
11 |
12 |
20 | Tired of taking screenshots of assignments?
21 |
22 | You can now "Share solution" of your assignment using our
23 | Chrome extension
24 |
25 | Share once, learn anywhere
26 |
27 | We do NOT condone any form of cheating or plagiarism, we only provide
28 | a platform for students to collaborate and share their ideas.
29 |
30 |
31 | We do NOT collect any Personally Identifiable Information data from
32 | you, we only collect solutions to the assignments.
33 |
34 |
35 |
58 | {children}
59 | {text}
60 |
61 |
62 | );
63 | };
64 |
--------------------------------------------------------------------------------
/extension/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-web-extension",
3 | "version": "1.2.0",
4 | "description": "A simple chrome extension template with Vite, React, TypeScript and Tailwind CSS.",
5 | "license": "MIT",
6 | "repository": {
7 | "type": "git",
8 | "url": "https://github.com/JohnBra/web-extension.git"
9 | },
10 | "scripts": {
11 | "build": "vite build",
12 | "dev": "nodemon"
13 | },
14 | "type": "module",
15 | "dependencies": {
16 | "react": "^18.3.1",
17 | "react-dom": "^18.3.1",
18 | "react-icons": "^5.3.0",
19 | "webextension-polyfill": "^0.11.0"
20 | },
21 | "devDependencies": {
22 | "@crxjs/vite-plugin": "2.0.0-beta.30",
23 | "@types/chrome": "^0.0.268",
24 | "@types/node": "^20.12.11",
25 | "@types/react": "^18.3.1",
26 | "@types/react-dom": "^18.3.0",
27 | "@types/webextension-polyfill": "^0.10.7",
28 | "@typescript-eslint/eslint-plugin": "^7.8.0",
29 | "@typescript-eslint/parser": "^7.8.0",
30 | "@vitejs/plugin-react": "^4.2.1",
31 | "autoprefixer": "^10.4.19",
32 | "eslint": "^8.57.0",
33 | "eslint-config-prettier": "^9.1.0",
34 | "eslint-plugin-import": "^2.29.1",
35 | "eslint-plugin-jsx-a11y": "^6.8.0",
36 | "eslint-plugin-react": "^7.34.1",
37 | "eslint-plugin-react-hooks": "^4.6.2",
38 | "fs-extra": "^11.2.0",
39 | "nodemon": "^3.1.0",
40 | "postcss": "^8.4.38",
41 | "prettier": "^3.3.3",
42 | "prettier-plugin-organize-imports": "^4.1.0",
43 | "prettier-plugin-tailwindcss": "^0.6.8",
44 | "tailwindcss": "^3.4.3",
45 | "ts-node": "^10.9.2",
46 | "typescript": "^5.4.5",
47 | "vite": "^5.2.11"
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/frontend/src/components/Tile/AssignmentTile.tsx:
--------------------------------------------------------------------------------
1 | import { Assignment } from "@/src/types";
2 | import { formatTime } from "@/src/utils/formatTime";
3 | import Link from "next/link";
4 | import { FC } from "react";
5 | import { FaUser } from "react-icons/fa6";
6 | import { Tile } from ".";
7 | import { Badge } from "../Badge";
8 | import { Button } from "../Button";
9 |
10 | interface AssignmentTileProps {
11 | href: string;
12 | assignment: Assignment;
13 | }
14 |
15 | export const AssignmentTile: FC
26 |
40 |
27 |
33 | {name}
32 |
34 | {count}
35 |
36 |
37 | {formattedDate}
38 |
39 | 41 |
42 |
49 |
43 |
45 |
46 |
47 |
48 | Error: {assignments.message}
;
13 | }
14 |
15 | return (
16 |
18 |
42 |
19 |
25 | Assignments
24 |
26 |
41 |
27 |
31 | Assignments
28 |Records Count
29 |Created At
30 |
32 | {assignments.map((assignment) => (
33 |
40 |
30 |
52 |
53 |
31 |
40 |
41 |
51 |
42 |
49 |
43 | {code}
44 |
45 |
46 | {name}
47 |
48 | Assignments: {count}
54 |
22 |
53 | );
54 | };
55 |
--------------------------------------------------------------------------------
/frontend/src/app/faculty/[facultycode]/course/[coursecode]/assignment/[assignmentcode]/record/[id]/page.tsx:
--------------------------------------------------------------------------------
1 | import { getRecordByID } from "@/src/api/record";
2 | import { AttachmentFile } from "@/src/components/AttachmentFile";
3 | import { Badge } from "@/src/components/Badge";
4 | import { CopyButton } from "@/src/components/IconButton/CopyButton";
5 | import { Problem } from "@/src/types";
6 | import { formatTime } from "@/src/utils/formatTime";
7 | import { getPathname } from "@/src/utils/getPathname";
8 | import { isUrl } from "@/src/utils/isUrl";
9 |
10 | const RecordPage = async () => {
11 | const pathname = getPathname();
12 | const recordID = pathname.split("/")[8];
13 |
14 | const currentRecord = await getRecordByID(recordID);
15 | if (currentRecord instanceof Error) {
16 | return
23 |
52 |
24 |
51 |
25 |
32 |
37 |
26 |
31 |
28 | Recent
29 |
30 |
38 | {recentCourses.map((c) => {
39 | const faculty = faculties.find((f) => f.code === c.facultyCode);
40 | return (
41 |
50 | Error: {currentRecord.message}
;
17 | }
18 | const { id, createdAt, problems } = currentRecord;
19 |
20 | const formattedDate = formatTime(createdAt);
21 |
22 | const problemDiv = (p: Problem) => (
23 |
24 |
33 | );
34 |
35 | return (
36 | <>
37 | {p.question}
25 | {isUrl(p.answer) ? (
26 |
29 | {p.answer}
30 |
31 | )}
32 |
38 |
44 |
39 |
42 | {formattedDate}
43 |
45 | {problems.map((problem) => problemDiv(problem))}
46 |
47 |
48 | );
49 | };
50 |
51 | export default RecordPage;
52 |
--------------------------------------------------------------------------------
/frontend/src/app/faculty/[facultycode]/course/[coursecode]/assignment/[assignmentcode]/layout.tsx:
--------------------------------------------------------------------------------
1 | import { getAssignmentByCode } from "@/src/api/assignment";
2 | import { getPathname } from "@/src/utils/getPathname";
3 | import Link from "next/link";
4 | import { FC, PropsWithChildren } from "react";
5 | import { RecordTabs } from "./RecordTabs";
6 |
7 | const AssignmentLayout: FCError: {currentAssignment.message}
;
18 | }
19 |
20 | const breadcrumb = () => (
21 |
22 |
34 | );
35 |
36 | return (
37 |
23 |
33 |
24 |
25 |
31 |
26 | Assignment
27 |
28 |
29 | {">"}
30 | {currentAssignment.name}
32 |
39 | {breadcrumb()}
40 |
49 |
42 |
46 |
47 | {children}
48 | 43 | {currentAssignment.name} 44 |
45 |46 |
27 |
64 | );
65 | };
66 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ourcourseville
2 | Platform for students to publish and access assignments' solutions in order to enhance their learning experience and collaboration.
3 |
4 | ## Frontend
5 | ### Stack
6 | - react
7 | - redux
8 | - tailwindcss
9 |
10 | ### Prerequisites
11 | - bun v1.1
12 | - node v20
13 |
14 | ### Setting up
15 | 1. Copy `.env.template` and paste it in the same directory as `.env.local` and fill in the values.
16 | ```bash
17 | NEXT_PUBLIC_RECENT_COURSES_TTL=31536000000 # 1 year
18 | API_URL=http://localhost:5203 # backend url
19 | API_KEY=apikey # backend api key
20 | EXTENSION_URL= # extension download url in homepage
21 | ```
22 | 2. Install dependencies and run
23 | ```bash
24 | bun install
25 | bun dev
26 | ```
27 |
28 | ## Backend
29 | ### Stack
30 | - ASP.NET Core 8
31 | - Firestore
32 | - Redis
33 |
34 | ### Prerequisites
35 | - .NET 8
36 |
37 | ### Setting up
38 | 1. Copy `.env.template` and paste it in the same directory as `.env` and fill in the values.
39 | ```bash
40 | ASPNETCORE_ENVIRONMENT=Development
41 | ASPNETCORE_URLS="http://localhost:5203"
42 |
43 | Web__Url=http://localhost:3000 # frontend url
44 | API__Key=apikey # api key
45 | ConnectionStrings__Redis="localhost:6379,password=5678"
46 | TTL__Faculty=86400000 # 1 day
47 | TTL__Course=3600000 # 1 hour
48 |
49 | Firestore__DB=ourcourseville
50 | # Firestore collections
51 | Firestore__Faculties=faculties_dev
52 | Firestore__Courses=courses_dev
53 | Firestore__Assignments=assignments_dev
54 | Firestore__Records=records_dev
55 |
56 | GOOGLE_APPLICATION_CREDENTIALS=firebase-adminsdk.json # path to firebase admin sdk
57 | ```
58 | 2. Install dependencies
59 | ```bash
60 | dotnet restore
61 | ```
62 | 3. Create a service account in Firebase and download the json file. Set the path to the json file in the `GOOGLE_APPLICATION_CREDENTIALS` environment variable.
63 | 4. Run the backend
64 | ```bash
65 | dotnet run watch
66 | ```
67 |
68 | ## Extension
69 | ### Stack
70 | - react
71 | - tailwindcss
72 |
73 | ### Prerequisites
74 | - bun v1.1
75 | - node v20
76 |
77 | ### Setting up
78 | ```bash
79 | bun install
80 |
81 | # this will run nodemon and watch for changes (generates the build in the `dist` folder, you can load the extension in chrome by going to `chrome://extensions/` and enabling developer mode)
82 | bun dev
83 | ```
84 |
85 | ## Credits
86 | - [Chrome Extension Boilerplate](https://github.com/JohnBra/vite-web-extension)
87 | - [MCV Quiz AI Solver](https://github.com/leomotors/mcv-quiz-ai-solver)
88 |
89 | ## Contributing
90 | Feel free to open PRs or raise issues!
--------------------------------------------------------------------------------
/frontend/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 |
3 | const config: Config = {
4 | darkMode: ["class"],
5 | content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
6 | theme: {
7 | extend: {
8 | fontSize: {
9 | "2xl": ["32px", { lineHeight: "44px" }],
10 | xl: ["24px", { lineHeight: "32px" }],
11 | lg: ["20px", { lineHeight: "26px" }],
12 | },
13 | colors: {
14 | default: "var(--default)",
15 | primary: {
16 | default: "var(--primary-default)",
17 | medium: "var(--primary-medium)",
18 | bg: "var(--primary-bg)",
19 | DEFAULT: "hsl(var(--primary))",
20 | foreground: "hsl(var(--primary-foreground))",
21 | },
22 | secondary: {
23 | default: "var(--secondary-default)",
24 | DEFAULT: "hsl(var(--secondary))",
25 | foreground: "hsl(var(--secondary-foreground))",
26 | },
27 | success: {
28 | default: "var(--success-default)",
29 | },
30 | medium: "var(--medium)",
31 | dark: "var(--dark)",
32 | high: "var(--high)",
33 | light: "var(--light)",
34 | background: "hsl(var(--background))",
35 | foreground: "hsl(var(--foreground))",
36 | card: {
37 | DEFAULT: "hsl(var(--card))",
38 | foreground: "hsl(var(--card-foreground))",
39 | },
40 | popover: {
41 | DEFAULT: "hsl(var(--popover))",
42 | foreground: "hsl(var(--popover-foreground))",
43 | },
44 | muted: {
45 | DEFAULT: "hsl(var(--muted))",
46 | foreground: "hsl(var(--muted-foreground))",
47 | },
48 | accent: {
49 | DEFAULT: "hsl(var(--accent))",
50 | foreground: "hsl(var(--accent-foreground))",
51 | },
52 | destructive: {
53 | DEFAULT: "hsl(var(--destructive))",
54 | foreground: "hsl(var(--destructive-foreground))",
55 | },
56 | border: "hsl(var(--border))",
57 | input: "hsl(var(--input))",
58 | ring: "hsl(var(--ring))",
59 | chart: {
60 | "1": "hsl(var(--chart-1))",
61 | "2": "hsl(var(--chart-2))",
62 | "3": "hsl(var(--chart-3))",
63 | "4": "hsl(var(--chart-4))",
64 | "5": "hsl(var(--chart-5))",
65 | },
66 | },
67 | borderRadius: {
68 | lg: "var(--radius)",
69 | md: "calc(var(--radius) - 2px)",
70 | sm: "calc(var(--radius) - 4px)",
71 | },
72 | },
73 | },
74 | plugins: [require("tailwindcss-animate")],
75 | };
76 | export default config;
77 |
--------------------------------------------------------------------------------
/extension/src/assets/img/logo.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/frontend/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | :root {
6 | --default: #f1f5f9;
7 | --primary-default: #2b9afb;
8 | --primary-medium: #1d63b9;
9 | --primary-bg: #e6faff;
10 | --medium: #64748b;
11 | --dark: #94a3b8;
12 | --high: #0f172b;
13 | --secondary-default: #fba711;
14 | --success-default: #31c55e;
15 | --light: #f8fafc;
16 | }
17 |
18 | @layer utilities {
19 | .h1 {
20 | font-size: 2.25rem;
21 | }
22 | .h2 {
23 | font-size: 32px;
24 | line-height: 44px;
25 | }
26 | .h3 {
27 | font-size: 24px;
28 | line-height: 32px;
29 | }
30 | .h4 {
31 | font-size: 20px;
32 | line-height: 26px;
33 | }
34 | .h5 {
35 | font-size: 16px;
36 | line-height: 24px;
37 | }
38 | .h6 {
39 | font-size: 14px;
40 | line-height: 20px;
41 | }
42 | }
43 |
44 | @layer base {
45 | :root {
46 | --background: 0 0% 100%;
47 | --foreground: 0 0% 3.9%;
48 | --card: 0 0% 100%;
49 | --card-foreground: 0 0% 3.9%;
50 | --popover: 0 0% 100%;
51 | --popover-foreground: 0 0% 3.9%;
52 | --primary: 0 0% 9%;
53 | --primary-foreground: 0 0% 98%;
54 | --secondary: 0 0% 96.1%;
55 | --secondary-foreground: 0 0% 9%;
56 | --muted: 0 0% 96.1%;
57 | --muted-foreground: 0 0% 45.1%;
58 | --accent: 0 0% 96.1%;
59 | --accent-foreground: 0 0% 9%;
60 | --destructive: 0 84.2% 60.2%;
61 | --destructive-foreground: 0 0% 98%;
62 | --border: 0 0% 89.8%;
63 | --input: 0 0% 89.8%;
64 | --ring: 0 0% 3.9%;
65 | --chart-1: 12 76% 61%;
66 | --chart-2: 173 58% 39%;
67 | --chart-3: 197 37% 24%;
68 | --chart-4: 43 74% 66%;
69 | --chart-5: 27 87% 67%;
70 | --radius: 0.5rem;
71 | }
72 | .dark {
73 | --background: 0 0% 3.9%;
74 | --foreground: 0 0% 98%;
75 | --card: 0 0% 3.9%;
76 | --card-foreground: 0 0% 98%;
77 | --popover: 0 0% 3.9%;
78 | --popover-foreground: 0 0% 98%;
79 | --primary: 0 0% 98%;
80 | --primary-foreground: 0 0% 9%;
81 | --secondary: 0 0% 14.9%;
82 | --secondary-foreground: 0 0% 98%;
83 | --muted: 0 0% 14.9%;
84 | --muted-foreground: 0 0% 63.9%;
85 | --accent: 0 0% 14.9%;
86 | --accent-foreground: 0 0% 98%;
87 | --destructive: 0 62.8% 30.6%;
88 | --destructive-foreground: 0 0% 98%;
89 | --border: 0 0% 14.9%;
90 | --input: 0 0% 14.9%;
91 | --ring: 0 0% 83.1%;
92 | --chart-1: 220 70% 50%;
93 | --chart-2: 160 60% 45%;
94 | --chart-3: 30 80% 55%;
95 | --chart-4: 280 65% 60%;
96 | --chart-5: 340 75% 55%;
97 | }
98 | }
99 |
100 | @layer base {
101 | * {
102 | @apply border-border;
103 | }
104 | body {
105 | @apply bg-background text-foreground;
106 | }
107 | }
108 |
--------------------------------------------------------------------------------
/backend/Data/Seed/faculties.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "code": "01",
4 | "name": "THE SIRINDHORN THAI LANGUAGE INSTITUTE"
5 | },
6 | {
7 | "code": "02",
8 | "name": "OFFICE OF ACADEMIC AFFAIRS"
9 | },
10 | {
11 | "code": "20",
12 | "name": "GRADUATE SCHOOL"
13 | },
14 | {
15 | "code": "21",
16 | "name": "FACULTY OF ENGINEERING"
17 | },
18 | {
19 | "code": "22",
20 | "name": "FACULTY OF ARTS"
21 | },
22 | {
23 | "code": "23",
24 | "name": "FACULTY OF SCIENCE"
25 | },
26 | {
27 | "code": "24",
28 | "name": "FACULTY OF POLITICAL SCIENCE"
29 | },
30 | {
31 | "code": "25",
32 | "name": "FACULTY OF ARCHITECTURE"
33 | },
34 | {
35 | "code": "26",
36 | "name": "FACULTY OF COMMERCE AND ACCOUNTANCY"
37 | },
38 | {
39 | "code": "27",
40 | "name": "FACULTY OF EDUCATION"
41 | },
42 | {
43 | "code": "28",
44 | "name": "FACULTY OF COMMUNICATION ARTS"
45 | },
46 | {
47 | "code": "29",
48 | "name": "FACULTY OF ECONOMICS"
49 | },
50 | {
51 | "code": "30",
52 | "name": "FACULTY OF MEDICINE"
53 | },
54 | {
55 | "code": "31",
56 | "name": "FACULTY OF VETERINARY SCIENCE"
57 | },
58 | {
59 | "code": "32",
60 | "name": "FACULTY OF DENTISTRY"
61 | },
62 | {
63 | "code": "33",
64 | "name": "FACULTY OF PHARMACEUTICAL SCIENCES"
65 | },
66 | {
67 | "code": "34",
68 | "name": "FACULTY OF LAW"
69 | },
70 | {
71 | "code": "35",
72 | "name": "FACULTY OF FINE AND APPLIED ARTS"
73 | },
74 | {
75 | "code": "36",
76 | "name": "FACULTY OF NURSING"
77 | },
78 | {
79 | "code": "37",
80 | "name": "FACULTY OF ALLIED HEALTH SCIENCES"
81 | },
82 | {
83 | "code": "38",
84 | "name": "FACULTY OF PSYCHOLOGY"
85 | },
86 | {
87 | "code": "39",
88 | "name": "FACULTY OF SPORTS SCIENCE"
89 | },
90 | {
91 | "code": "40",
92 | "name": "SCHOOL OF AGRICULTURAL RESOURCES"
93 | },
94 | {
95 | "code": "51",
96 | "name": "COLLEGE OF POPULATION STUDIES"
97 | },
98 | {
99 | "code": "53",
100 | "name": "COLLEGE OF PUBLIC HEALTH SCIENCES"
101 | },
102 | {
103 | "code": "55",
104 | "name": "LANGUAGE INSTITUTE"
105 | },
106 | {
107 | "code": "56",
108 | "name": "SCHOOL OF INTEGRATED INNOVATION"
109 | },
110 | {
111 | "code": "58",
112 | "name": "SASIN GRADUATE INSTITUTE OF BUSINESS ADMINISTION"
113 | },
114 | {
115 | "code": "99",
116 | "name": "OTHER UNIVERSITY"
117 | }
118 | ]
119 |
--------------------------------------------------------------------------------
/frontend/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { IBM_Plex_Sans_Thai } from "next/font/google";
3 | import { FC, PropsWithChildren } from "react";
4 | import { getAssignmentByCode } from "../api/assignment";
5 | import { getCourseByCode } from "../api/course";
6 | import { getFacultyByCode } from "../api/faculty";
7 | import { getRecordByID } from "../api/record";
8 | import { NavBar } from "../components/NavBar";
9 | import { Toaster } from "../components/ui/toaster";
10 | import { getPathname } from "../utils/getPathname";
11 | import "./globals.css";
12 | import { LoadState } from "./LoadState";
13 | import Providers from "./providers";
14 |
15 | const IBMPlex = IBM_Plex_Sans_Thai({
16 | weight: ["100", "300", "400", "600", "700"],
17 | subsets: ["thai"],
18 | });
19 |
20 | export const metadata: Metadata = {
21 | title: "ourcourseville",
22 | description: "Seizing the means of learning",
23 | };
24 |
25 | export const RootLayout: FC
28 |
29 |
36 |
37 |
63 |
38 |
55 |
62 |
39 |
54 |
48 |
53 |
49 | {code}
50 |
51 | {name}
52 | 55 |
80 |
88 |
121 | {success &&
125 | );
126 | }
127 |
--------------------------------------------------------------------------------
/backend/Services/AssignmentService.cs:
--------------------------------------------------------------------------------
1 | using Google.Cloud.Firestore;
2 | using backend.DTO;
3 | using backend.Services.Interfaces;
4 | using backend.Data;
5 | using backend.Exceptions;
6 | using System.Net;
7 |
8 | namespace backend.Services;
9 |
10 | #pragma warning disable CS1998 // disable warning for RunTransactionAsync having no await
11 | public class AssignmentService : IAssignmentService
12 | {
13 | private readonly FirestoreDb _db;
14 | private readonly CollectionReference _courses;
15 | private readonly CollectionReference _assignments;
16 | private readonly ILogger
81 |
87 | Assignments
86 |
89 |
95 | 96 | {sharedRecord && ( 97 | <> 98 |
110 |
120 | Both buttons only works in Alpha MCV
90 |91 | Make sure you are on the assignment page (assignment tab, not detail 92 | tab) 93 |
94 |95 | 96 | {sharedRecord && ( 97 | <> 98 |
99 |
102 |
103 | 104 | View Solution 105 |
106 | 107 | 108 | )} 109 |110 |
111 | Load solutions using record ID
112 |
113 | handleChange(e)}
116 | placeholder="input recordID here..."
117 | />
118 |
119 | {success}
} 122 | {warning &&{warning}
} 123 | {error &&{error}
} 124 |
111 |
120 |
112 |
119 |
113 | Menu
114 |
115 | setIsOpen(false)}>
116 | {nav()}
117 |
118 | {nav()}
132 |
133 |
136 |
137 | );
138 |
139 | return (
140 | Get extension
135 |
146 | {isMobile ? mobile() : desktop()}
147 |
148 | );
149 | };
150 |
--------------------------------------------------------------------------------
/frontend/src/components/ui/toast.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import { Cross2Icon } from "@radix-ui/react-icons"
5 | import * as ToastPrimitives from "@radix-ui/react-toast"
6 | import { cva, type VariantProps } from "class-variance-authority"
7 |
8 | import { cn } from "@/lib/utils"
9 |
10 | const ToastProvider = ToastPrimitives.Provider
11 |
12 | const ToastViewport = React.forwardRef<
13 | React.ElementRef
2 | 
3 | Chrome Extension Boilerplate with
4 |
5 |
16 |
17 | ## Table of Contents
18 |
19 | - [Intro](#intro)
20 | - [Why another boilerplate?](#why)
21 | - [Features](#features)
22 | - [Usage](#usage)
23 | - [Setup](#setup)
24 | - [Tech Docs](#tech)
25 | - [Credit](#credit)
26 | - [Contributing](#contributing)
27 |
28 |
29 | ## Intro
30 | This boilerplate is meant to be a minimal quick start for creating chrome extensions using React, Typescript and Tailwind CSS.
31 |
32 | Built for:
33 | > For improved DX and rapid building vite and nodemon are used.
34 |
35 | > Chrome does not accept manifest v2 extensions since Jan 2022, therefore this template uses manifest v3.
36 |
37 | > Firefox + other browsers don't yet support manifest v3, so cross browser usage is not encouraged.
38 |
39 | * Read more about Chrome manifest v2 support [here](https://developer.chrome.com/docs/extensions/mv2/).
40 | * Read more about Firefox Manifest v3 support [here](https://discourse.mozilla.org/t/manifest-v3/94564).
41 |
42 | As soon as Firefox supports manifest v3, support will be added in this repo as well.
43 |
44 | Oh by the way ... I also implemented a chrome local/sync storage hook for react, which works well with this
45 | template. [Check it out here](https://gist.github.com/JohnBra/c81451ea7bc9e77f8021beb4f198ab96).
46 |
47 | ## Why another boilerplate?
48 | I have used webpack react boilerplates and found it too hard to configure.
49 |
50 | Vite is mega easy to understand which makes it easier to get into and to maintain for others.
51 |
52 | I couldn't find another minimal boilerplate for React, TypeScript and Tailwind CSS. So here it is.
53 |
54 | ## Features
55 | - [React 18](https://reactjs.org/)
56 | - [TypeScript](https://www.typescriptlang.org/)
57 | - [Tailwind CSS](https://tailwindcss.com/)
58 | - [ESLint](https://eslint.org/)
59 | - [Chrome Extension Manifest Version 3](https://developer.chrome.com/docs/extensions/mv3/intro/)
60 | - [Github Action](https://github.com/JohnBra/vite-web-extension/actions/workflows/ci.yml) to build and zip your extension (manual trigger)
61 |
62 | ## Usage
63 |
64 | ### Setup
65 | 1. Clone this repository｀
66 | 2. Change `name` and `description` in `manifest.json`
67 | 3. Run `yarn` or `npm i` (check your node version >= 16)
68 | 4. Run `yarn dev` or `npm run dev`
69 | 5. Load Extension in Chrome
70 | 1. Open - Chrome browser
71 | 2. Access - chrome://extensions
72 | 3. Tick - Developer mode
73 | 4. Find - Load unpacked extension
74 | 5. Select - `dist` folder in this project (after dev or build)
75 | 6. If you want to build in production, Just run `yarn build` or `npm run build`.
76 |
77 | ### Customization
78 | The template includes **all** of the Chrome extension pages. You will likely have to customize it to fit your needs.
79 |
80 | E.g. you don't want the newtab page to activate whenever you open a new tab:
81 | 1. remove the directory `newtab` and its contents in `src/pages`
82 | 2. remove `chrome_url_overrides: { newtab: 'src/pages/newtab/index.html' },` in `manifest.json`
83 |
84 | If you need to declare extra HTML pages beyond those the manifest accommodates, place them in the Vite config under build.rollupOptions.input.
85 |
86 | This example includes a welcome page to open when the user installs the extension.
87 |
88 | CSS files in the `src/pages/*` directories are not necessary. They are left in there in case you want
89 | to use it in combination with Tailwind CSS. **Feel free to delete them**.
90 |
91 | Tailwind can be configured as usual in the `tailwind.config.cjs` file. See doc link below.
92 |
93 | ### Publish your extension
94 | To upload an extension to the Chrome store you have to pack (zip) it and then upload it to your item in entry
95 | in the Chrome Web Store.
96 |
97 | This repo includes a Github Action Workflow to create a
98 | [optimized prod build and create the zip file](https://github.com/JohnBra/vite-web-extension/actions/workflows/ci.yml).
99 |
100 | To run the workflow do the following:
101 | 1. Go to the **"Actions"** tab in your forked repository from this template
102 | 2. In the left sidebar click on **"Build and Zip Extension"**
103 | 3. Click on **"Run Workflow"** and select the main branch, then **"Run Workflow"**
104 | 4. Refresh the page and click the most recent run
105 | 5. In the summary page **"Artifacts"** section click on the generated **"vite-web-extension"**
106 | 6. Upload this file to the Chrome Web Store as described [here](https://developer.chrome.com/docs/webstore/publish/)
107 |
108 | # Tech Docs
109 | - [Vite](https://vitejs.dev/)
110 | - [Vite Plugin](https://vitejs.dev/guide/api-plugin.html)
111 | - [Chrome Extension with manifest 3](https://developer.chrome.com/docs/extensions/mv3/)
112 | - [Rollup](https://rollupjs.org/guide/en/)
113 | - [@crxjs/vite-plugin](https://crxjs.dev/vite-plugin)
114 | - [Tailwind CSS](https://tailwindcss.com/docs/configuration)
115 |
116 | # Credit
117 | Heavily inspired by [Jonghakseo's vite chrome extension boilerplate](https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite).
118 | It uses SASS instead of TailwindCSS if you want to check it out.
119 |
120 | # Contributing
121 | Feel free to open PRs or raise issues!
122 |
--------------------------------------------------------------------------------
/backend/Services/CourseService.cs:
--------------------------------------------------------------------------------
1 | using Google.Cloud.Firestore;
2 | using backend.DTO;
3 | using backend.Models;
4 | using backend.Services.Interfaces;
5 | using backend.Data;
6 | using backend.Exceptions;
7 | using System.Net;
8 | using backend.Config;
9 | using backend.Repositories.Interfaces;
10 | using Microsoft.Extensions.Options;
11 |
12 | namespace backend.Services;
13 |
14 | #pragma warning disable CS1998 // disable warning for RunTransactionAsync having no await
15 | public class CourseService : ICourseService
16 | {
17 | private readonly TTLConfig _conf;
18 | private readonly ICacheRepository _cache;
19 | private readonly IFacultyService _facultySvc;
20 | private readonly FirestoreDb _db;
21 | private readonly CollectionReference _faculties;
22 | private readonly CollectionReference _courses;
23 | private readonly ILogger
3 |