(name: string, value: Data[G]) => void
+ rows: number
+}
+
+const TextareaInput = ({ label, textField, field, handleInputChange }: Props) => {
+ const editor = useRef(null);
+
+ const config = useMemo( () =>
+ ({
+ readonly: false, // all options from https://xdsoft.net/jodit/doc/,
+ theme: 'dark',
+ }),
+ []
+ );
+
+
+ return (
+
+ {label}
+ {
+ handleInputChange(textField, value)
+ }}
+ />
+
+ )
+}
+
+export default TextareaInput
\ No newline at end of file
diff --git a/src/components/helperComponents/ResetFilterButton.tsx b/src/components/helperComponents/ResetFilterButton.tsx
new file mode 100644
index 0000000..f1bcd2c
--- /dev/null
+++ b/src/components/helperComponents/ResetFilterButton.tsx
@@ -0,0 +1,67 @@
+import React from 'react'
+import { gameDashboardState } from '../../stateManagement/gameState'
+import { useHookstate } from "@hookstate/core";
+import { loadingState, searchCompletedState, showFiltersModuleState } from "../../stateManagement/loadingState";
+import getWithFilters from "../../componentUtils/getWithFilters";
+import { adminMode } from "../../stateManagement/userState";
+import { Button } from '@chakra-ui/react';
+import { ratingState, steamRatingState } from "../../stateManagement/ratingState";
+
+interface Props {
+ text?: string
+ size?: string
+ variant?: string
+ colorScheme?: string
+}
+
+const ResetFilterButton = ({ text = "Reset Search and Filters", size = 'md', variant = 'solid', colorScheme = 'gray' }: Props) => {
+ const gameState = useHookstate(gameDashboardState)
+ const games = gameState.get()
+ const admin = useHookstate(adminMode).get()
+ const loadedState = useHookstate(loadingState)
+ const useRatingState = useHookstate(ratingState).get()
+ const useSteamRatingState = useHookstate(steamRatingState).get()
+ const searchComplete = useHookstate(searchCompletedState)
+ const setShowFiltersModuleState = useHookstate(showFiltersModuleState)
+
+ const resetFilters = async () => {
+ const searchParams = ''
+ const finalFilter = {
+ controller: "",
+ developer: "",
+ genre: "",
+ intel: "",
+ os: "",
+ playStatus: "",
+ publisher: "",
+ series: "",
+ soundtrack: "",
+ store: "",
+ wine: "",
+ rating: "",
+ steamRating: "",
+ }
+ searchComplete.set(false)
+ setShowFiltersModuleState.set(false)
+
+ return await getWithFilters(
+ gameState,
+ loadedState,
+ admin,
+ games.count.currentPage,
+ games.count.limit,
+ searchParams,
+ finalFilter,
+ useRatingState,
+ useSteamRatingState,
+ )
+ }
+
+ return (
+
+ )
+}
+
+export default ResetFilterButton;
diff --git a/src/components/helperComponents/SteamAndDeckLogo.tsx b/src/components/helperComponents/SteamAndDeckLogo.tsx
new file mode 100644
index 0000000..602216d
--- /dev/null
+++ b/src/components/helperComponents/SteamAndDeckLogo.tsx
@@ -0,0 +1,105 @@
+import React from 'react';
+import {Box} from "@chakra-ui/react";
+
+interface ISteamAndDeckLogo {
+ size: string
+}
+
+const SteamAndDeckLogo = (props: ISteamAndDeckLogo) => {
+ return (
+
+
+ SteamAndDeckLogo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Display Name: |
+ {user.displayName} |
+
+
+ | Full Name: |
+ {user.name} |
+
+
+ | Email: |
+ {user.email} |
+
+
+ | Role: |
+ {user.role} |
+
+
+
+
+
+
+
+
+ )
+}
+
+export default UserProfile
diff --git a/src/errors/NotFound.tsx b/src/errors/NotFound.tsx
new file mode 100644
index 0000000..eb554c0
--- /dev/null
+++ b/src/errors/NotFound.tsx
@@ -0,0 +1,40 @@
+import React, {lazy, Suspense} from 'react'
+import {Link} from 'react-router-dom'
+import {Button, Heading} from '@chakra-ui/react'
+import LoadingModal from "../components/LoadingModal";
+
+const styles = {
+ retroFontHeader: {
+ fontFamily: ['RetroGaming', 'sans-serif'].join(','),
+ fontSize: '4.3rem',
+ marginLeft: '5rem',
+ marginTop: '5rem'
+ },
+ retroFontBody: {
+ fontFamily: ['RetroGaming', 'sans-serif'].join(','),
+ },
+}
+
+export default function NotFound() {
+ const Video = lazy(() => import("./Video"))
+ return (
+ <>
+
+ 404 :(
+
+
+ It looks like you hit a{' '}
+ {DEAD} end!
+
+
+ }>
+
+
+
+ )
+}
diff --git a/src/errors/SomethingWentWrong.tsx b/src/errors/SomethingWentWrong.tsx
new file mode 100644
index 0000000..34e8203
--- /dev/null
+++ b/src/errors/SomethingWentWrong.tsx
@@ -0,0 +1,42 @@
+import React, {lazy, Suspense} from 'react'
+import {Link} from 'react-router-dom'
+import {Button, Heading} from '@chakra-ui/react'
+import LoadingModal from "../components/LoadingModal";
+
+const styles = {
+ retroFontHeader: {
+ fontFamily: ['RetroGaming', 'sans-serif'].join(','),
+ fontSize: '4.3rem',
+ marginLeft: '5rem',
+ marginTop: '5rem'
+ },
+ retroFontBody: {
+ fontFamily: ['RetroGaming', 'sans-serif'].join(','),
+ },
+}
+
+export default function SomethingWentWrong() {
+ const Video = lazy(() => import("./Video"))
+ return (
+ <>
+
+ Something Went Wrong
+
+
+ {WE APOLOGIZE!}
+ Please contact the website administrator!
+
+
+ }>
+
+
+
+ )
+}
diff --git a/src/errors/TestError.tsx b/src/errors/TestError.tsx
new file mode 100644
index 0000000..1523ffe
--- /dev/null
+++ b/src/errors/TestError.tsx
@@ -0,0 +1,61 @@
+import React from 'react'
+import axios from 'axios'
+import { Container, Button, Heading } from '@chakra-ui/react'
+
+export default function TestErrors() {
+ const baseUrl = 'http://localhost:5000/api/'
+
+ function handleNotFound() {
+ axios
+ .get(baseUrl + 'buggy/not-found')
+ .catch((err) => console.error(err.response))
+ }
+
+ function handleBadRequest() {
+ axios
+ .get(baseUrl + 'buggy/bad-request')
+ .catch((err) => console.error(err.response))
+ }
+
+ function handleServerError() {
+ axios
+ .get(baseUrl + 'buggy/server-error')
+ .catch((err) => console.error(err.response))
+ }
+
+ function handleUnauthorised() {
+ axios
+ .get(baseUrl + 'buggy/unauthorised')
+ .catch((err) => console.error(err.response))
+ }
+
+ function handleBadGuid() {
+ axios
+ .get(baseUrl + 'activities/notaguid')
+ .catch((err) => console.error(err.response))
+ }
+
+ function handleValidationError() {
+ axios
+ .post(baseUrl + 'activities', {})
+ .catch((err) => console.error(err.reponse))
+ }
+
+ return (
+ <>
+
+ Test Error component
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/errors/Video.tsx b/src/errors/Video.tsx
new file mode 100644
index 0000000..2d4588d
--- /dev/null
+++ b/src/errors/Video.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+import game_over_mp4 from "../resources/video/game_over.mp4";
+import game_over_webm from "../resources/video/game_over.webm";
+import game_over_desktop from "../resources/images/game_over.jpg";
+import game_over_mobile from "../resources/images/game_over_mobile.jpg";
+
+
+export default function Video() {
+
+ return (
+
+ {window.innerWidth >= 895 ? (
+
+ ) : (
+
+ )}
+
+ )
+};
diff --git a/src/index.tsx b/src/index.tsx
new file mode 100644
index 0000000..31a322e
--- /dev/null
+++ b/src/index.tsx
@@ -0,0 +1,35 @@
+import "@hookstate/devtools";
+import React from "react";
+import {createRoot} from "react-dom/client";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
+import "react-toastify/dist/ReactToastify.min.css";
+import "./styles/typography.css";
+import "./styles/videoBackground.css";
+import "./styles/overrides.css";
+import "react-responsive-carousel/lib/styles/carousel.min.css";
+import {Router} from "react-router-dom";
+import {createBrowserHistory} from "history";
+import {ChakraProvider, ColorModeScript} from "@chakra-ui/react";
+import theme from "./styles/theme";
+
+export const history = createBrowserHistory();
+
+const container = document.getElementById("root");
+const root = createRoot(container!);
+
+root.render(
+
+
+
+
+
+
+
+
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
diff --git a/src/models/defaultGame.ts b/src/models/defaultGame.ts
new file mode 100644
index 0000000..4c3cb88
--- /dev/null
+++ b/src/models/defaultGame.ts
@@ -0,0 +1,54 @@
+const defaultGame = {
+ _id: '',
+ title: '',
+ series: '',
+ steamId: '',
+ slug: '',
+ frontImage: '',
+ screenshots: [],
+ genre: [],
+ os: {
+ windows: true,
+ mac: false,
+ linux: false,
+ android: false,
+ ios: false
+ },
+ wine: 'Not Tested',
+ controller: 'No Controller Support',
+ developer: [],
+ publisher: [],
+ releaseDate: '',
+ shortDesc: '',
+ reviews: '',
+ summary: '',
+ intel: 'Not Tested',
+ steamRating: 0,
+ systemRequirements: {
+ windows: {
+ minimum: '',
+ recommended: '',
+ },
+ mac: {
+ minimum: '',
+ recommended: '',
+ },
+ linux: {
+ minimum: '',
+ recommended: '',
+ }
+ },
+ accessedBy: [{
+ user: '',
+ store: ['Steam'],
+ playStatus: 'Never Played',
+ soundtrack: 'No',
+ rating: 0,
+ }],
+ createDate: '',
+ lastUpdateDate: '',
+ lastModifiedBy: '',
+ scrape: true,
+ }
+
+ export default defaultGame
\ No newline at end of file
diff --git a/src/models/defaultUser.ts b/src/models/defaultUser.ts
new file mode 100644
index 0000000..f9c8d00
--- /dev/null
+++ b/src/models/defaultUser.ts
@@ -0,0 +1,11 @@
+const defaultUser = {
+ _id: '',
+ name: '',
+ displayName: '',
+ email: '',
+ avatar: '',
+ token: '',
+ role: '',
+}
+
+export default defaultUser
diff --git a/src/models/game.ts b/src/models/game.ts
new file mode 100644
index 0000000..78e92af
--- /dev/null
+++ b/src/models/game.ts
@@ -0,0 +1,100 @@
+export interface GameList {
+ success: boolean
+ searchParams: string
+ count: Count
+ pagination: Pagination
+ filters: Filters
+ data: Data[]
+}
+
+export default interface Game {
+ success: boolean
+ data: Data
+}
+
+export interface Data {
+ _id: string
+ title: string
+ series: string
+ steamId: string
+ slug: string
+ frontImage: string
+ screenshots: { id: number; full: string; thumbnail: string }[]
+ genre: string[]
+ os: Os
+ wine: string
+ controller: string
+ developer: string[]
+ publisher: string[]
+ releaseDate: string
+ shortDesc: string
+ reviews: string
+ summary: string
+ intel: string
+ steamRating: number
+ systemRequirements: SystemRequirements
+ accessedBy: AccessedBy[]
+ createDate: string
+ lastUpdateDate: string
+ lastModifiedBy: string
+ scrape: boolean
+}
+
+export interface Os {
+ windows: boolean
+ mac: boolean
+ linux: boolean
+ android: boolean
+ ios: boolean
+}
+export interface SystemRequirements {
+ windows: WindowsOrMacOrLinux
+ mac: WindowsOrMacOrLinux
+ linux: WindowsOrMacOrLinux
+}
+export interface WindowsOrMacOrLinux {
+ minimum: string
+ recommended: string
+}
+
+export interface AccessedBy {
+ user: string
+ store: string[]
+ playStatus: string
+ soundtrack: string
+ rating: number
+}
+
+export interface Pagination {
+ prev: PrevNext
+ next: PrevNext
+
+}
+
+export interface PrevNext {
+ page: number
+}
+
+export interface Count {
+ gamesPerPage: number
+ totalGames: number
+ currentPage: number
+ pages: number
+ limit: number
+}
+
+export interface Filters {
+ series: string
+ playStatus: string
+ genre: string
+ os: string
+ store: string
+ developer: string
+ publisher: string
+ controller: string
+ soundtrack: string
+ intel: string
+ wine: string
+ rating: string
+ steamRating: string
+}
diff --git a/src/models/tags.ts b/src/models/tags.ts
new file mode 100644
index 0000000..0ad36bf
--- /dev/null
+++ b/src/models/tags.ts
@@ -0,0 +1,378 @@
+export const genreTags = [
+ { value: "1980s", label: "1980s" },
+ { value: "1990's", label: "1990's" },
+ { value: "2.5D", label: "2.5D" },
+ { value: "2D", label: "2D" },
+ { value: "2D Fighter", label: "2D Fighter" },
+ { value: "2D Platformer", label: "2D Platformer" },
+ { value: "360 Video", label: "360 Video" },
+ { value: "3D", label: "3D" },
+ { value: "3D Fighter", label: "3D Fighter" },
+ { value: "3D Platformer", label: "3D Platformer" },
+ { value: "3D Vision", label: "3D Vision" },
+ { value: "4 Player Local", label: "4 Player Local" },
+ { value: "4X", label: "4X" },
+ { value: "6DOF", label: "6DOF" },
+ { value: "Abstract", label: "Abstract" },
+ { value: "Action", label: "Action" },
+ { value: "Action Roguelike", label: "Action Roguelike" },
+ { value: "Action RPG", label: "Action RPG" },
+ { value: "Action-Adventure", label: "Action-Adventure" },
+ { value: "Addictive", label: "Addictive" },
+ { value: "Adventure", label: "Adventure" },
+ { value: "Agriculture", label: "Agriculture" },
+ { value: "Aliens", label: "Aliens" },
+ { value: "Alternate History", label: "Alternate History" },
+ { value: "America", label: "America" },
+ { value: "Anime", label: "Anime" },
+ { value: "Arcade", label: "Arcade" },
+ { value: "Archery", label: "Archery" },
+ { value: "Arena Shooter", label: "Arena Shooter" },
+ { value: "Artificial Intelligence", label: "Artificial Intelligence" },
+ { value: "Assassin", label: "Assassin" },
+ { value: "Asymmetric VR", label: "Asymmetric VR" },
+ { value: "Asynchronous Multiplayer", label: "Asynchronous Multiplayer" },
+ { value: "Atmospheric", label: "Atmospheric" },
+ { value: "ATV", label: "ATV" },
+ { value: "Auto Battler", label: "Auto Battler" },
+ { value: "Automation", label: "Automation" },
+ { value: "Automobile Sim", label: "Automobile Sim" },
+ { value: "Base Building", label: "Base Building" },
+ { value: "Baseball", label: "Baseball" },
+ { value: "Based on a Novel", label: "Based on a Novel" },
+ { value: "Basketball", label: "Basketball" },
+ { value: "Batman", label: "Batman" },
+ { value: "Battle Royale", label: "Battle Royale" },
+ { value: "Beat 'em up", label: "Beat 'em up" },
+ { value: "Beautiful", label: "Beautiful" },
+ { value: "Bikes", label: "Bikes" },
+ { value: "BMX", label: "BMX" },
+ { value: "Board Game", label: "Board Game" },
+ { value: "Bowling", label: "Bowling" },
+ { value: "Boxing", label: "Boxing" },
+ { value: "Building", label: "Building" },
+ { value: "Bullet Hell", label: "Bullet Hell" },
+ { value: "Bullet Time", label: "Bullet Time" },
+ { value: "Capitalism", label: "Capitalism" },
+ { value: "Card Battler", label: "Card Battler" },
+ { value: "Card Game", label: "Card Game" },
+ { value: "Cartoon", label: "Cartoon" },
+ { value: "Cartoony", label: "Cartoony" },
+ { value: "Casual", label: "Casual" },
+ { value: "Cats", label: "Cats" },
+ { value: "Character Action Game", label: "Character Action Game" },
+ { value: "Character Customization", label: "Character Customization" },
+ { value: "Chess", label: "Chess" },
+ { value: "Choices Matter", label: "Choices Matter" },
+ { value: "Choose Your Own Adventure", label: "Choose Your Own Adventure" },
+ { value: "Cinematic", label: "Cinematic" },
+ { value: "City Builder", label: "City Builder" },
+ { value: "Class-Based", label: "Class-Based" },
+ { value: "Classic", label: "Classic" },
+ { value: "Clicker", label: "Clicker" },
+ { value: "Co-op", label: "Co-op" },
+ { value: "Co-op Campaign", label: "Co-op Campaign" },
+ { value: "Cold War", label: "Cold War" },
+ { value: "Collectathon", label: "Collectathon" },
+ { value: "Colony Sim", label: "Colony Sim" },
+ { value: "Colorful", label: "Colorful" },
+ { value: "Combat", label: "Combat" },
+ { value: "Combat Racing", label: "Combat Racing" },
+ { value: "Comedy", label: "Comedy" },
+ { value: "Comic Book", label: "Comic Book" },
+ { value: "Competitive", label: "Competitive" },
+ { value: "Conspiracy", label: "Conspiracy" },
+ { value: "Conversation", label: "Conversation" },
+ { value: "Crafting", label: "Crafting" },
+ { value: "Crime", label: "Crime" },
+ { value: "CRPG", label: "CRPG" },
+ { value: "Cult Classic", label: "Cult Classic" },
+ { value: "Cute", label: "Cute" },
+ { value: "Cyberpunk", label: "Cyberpunk" },
+ { value: "Cycling", label: "Cycling" },
+ { value: "Dark", label: "Dark" },
+ { value: "Dark Comedy", label: "Dark Comedy" },
+ { value: "Dark Fantasy", label: "Dark Fantasy" },
+ { value: "Dating Sim", label: "Dating Sim" },
+ { value: "Deckbuilding", label: "Deckbuilding" },
+ { value: "Demons", label: "Demons" },
+ { value: "Destruction", label: "Destruction" },
+ { value: "Detective", label: "Detective" },
+ { value: "Difficult", label: "Difficult" },
+ { value: "Dinosaurs", label: "Dinosaurs" },
+ { value: "Diplomacy", label: "Diplomacy" },
+ { value: "Documentary", label: "Documentary" },
+ { value: "Dog", label: "Dog" },
+ { value: "Dragons", label: "Dragons" },
+ { value: "Drama", label: "Drama" },
+ { value: "Driving", label: "Driving" },
+ { value: "Dungeon Crawler", label: "Dungeon Crawler" },
+ { value: "Dungeons & Dragons", label: "Dungeons & Dragons" },
+ { value: "Dynamic Narration", label: "Dynamic Narration" },
+ { value: "Economy", label: "Economy" },
+ { value: "Education", label: "Education" },
+ { value: "Emotional", label: "Emotional" },
+ { value: "Epic", label: "Epic" },
+ { value: "Episodic", label: "Episodic" },
+ { value: "eSports", label: "eSports" },
+ { value: "Experience", label: "Experience" },
+ { value: "Experimental", label: "Experimental" },
+ { value: "Exploration", label: "Exploration" },
+ { value: "Faith", label: "Faith" },
+ { value: "Family Friendly", label: "Family Friendly" },
+ { value: "Fantasy", label: "Fantasy" },
+ { value: "Farming Sim", label: "Farming Sim" },
+ { value: "Fast-Paced", label: "Fast-Paced" },
+ { value: "Feature Film", label: "Feature Film" },
+ { value: "Female Protagonist", label: "Female Protagonist" },
+ { value: "Fighting", label: "Fighting" },
+ { value: "First-Person", label: "First-Person" },
+ { value: "Fishing", label: "Fishing" },
+ { value: "Flight", label: "Flight" },
+ { value: "FMV", label: "FMV" },
+ { value: "Football", label: "Football" },
+ { value: "Foreign", label: "Foreign" },
+ { value: "FPS", label: "FPS" },
+ { value: "Funny", label: "Funny" },
+ { value: "Futuristic", label: "Futuristic" },
+ { value: "Gambling", label: "Gambling" },
+ { value: "Game Development", label: "Game Development" },
+ { value: "Games Workshop", label: "Games Workshop" },
+ { value: "God Game", label: "God Game" },
+ { value: "Golf", label: "Golf" },
+ { value: "Gothic", label: "Gothic" },
+ { value: "Grand Strategy", label: "Grand Strategy" },
+ { value: "Great Soundtrack", label: "Great Soundtrack" },
+ { value: "Grid-Based Movement", label: "Grid-Based Movement" },
+ { value: "Gun Customization", label: "Gun Customization" },
+ { value: "Hack and Slash", label: "Hack and Slash" },
+ { value: "Hacking", label: "Hacking" },
+ { value: "Hand-drawn", label: "Hand-drawn" },
+ { value: "Heist", label: "Heist" },
+ { value: "Hero Shooter", label: "Hero Shooter" },
+ { value: "Hex Grid", label: "Hex Grid" },
+ { value: "Hidden Object", label: "Hidden Object" },
+ { value: "Historical", label: "Historical" },
+ { value: "Hockey", label: "Hockey" },
+ { value: "Horror", label: "Horror" },
+ { value: "Horses", label: "Horses" },
+ { value: "Hunting", label: "Hunting" },
+ { value: "Idler", label: "Idler" },
+ { value: "Illuminati", label: "Illuminati" },
+ { value: "Immersive Sim", label: "Immersive Sim" },
+ { value: "Indie", label: "Indie" },
+ {
+ value: "Intentionally Awkward Controls ",
+ label: "Intentionally Awkward Controls ",
+ },
+ { value: "Interactive Fiction", label: "Interactive Fiction" },
+ { value: "Inventory Management", label: "Inventory Management" },
+ { value: "Investigation", label: "Investigation" },
+ { value: "Isometric", label: "Isometric" },
+ { value: "Jet", label: "Jet" },
+ { value: "JRPG", label: "JRPG" },
+ { value: "Lara Croft", label: "Lara Croft" },
+ { value: "LEGO", label: "LEGO" },
+ { value: "Lemmings", label: "Lemmings" },
+ { value: "Level Editor", label: "Level Editor" },
+ { value: "LGBTQ+", label: "LGBTQ+" },
+ { value: "Life Sim", label: "Life Sim" },
+ { value: "Linear", label: "Linear" },
+ { value: "Local Co-Op", label: "Local Co-Op" },
+ { value: "Local Multiplayer", label: "Local Multiplayer" },
+ { value: "Logic", label: "Logic" },
+ { value: "Loot", label: "Loot" },
+ { value: "Looter Shooter", label: "Looter Shooter" },
+ { value: "Lore-Rich", label: "Lore-Rich" },
+ { value: "Lovecraftian", label: "Lovecraftian" },
+ { value: "Magic", label: "Magic" },
+ { value: "Management", label: "Management" },
+ { value: "Mars", label: "Mars" },
+ { value: "Martial Arts", label: "Martial Arts" },
+ { value: "Massively Multiplayer", label: "Massively Multiplayer" },
+ { value: "Masterpiece", label: "Masterpiece" },
+ { value: "Match 3", label: "Match 3" },
+ { value: "Mechs", label: "Mechs" },
+ { value: "Medical Sim", label: "Medical Sim" },
+ { value: "Medieval", label: "Medieval" },
+ { value: "Memes", label: "Memes" },
+ { value: "Metroidvania", label: "Metroidvania" },
+ { value: "Military", label: "Military" },
+ { value: "Mini Golf", label: "Mini Golf" },
+ { value: "Minigames", label: "Minigames" },
+ { value: "Minimalist", label: "Minimalist" },
+ { value: "Mining", label: "Mining" },
+ { value: "MMORPG", label: "MMORPG" },
+ { value: "MOBA", label: "MOBA" },
+ { value: "Mod", label: "Mod" },
+ { value: "Moddable", label: "Moddable" },
+ { value: "Modern", label: "Modern" },
+ { value: "Motocross", label: "Motocross" },
+ { value: "Motorbike", label: "Motorbike" },
+ { value: "Movie", label: "Movie" },
+ { value: "Multiplayer", label: "Multiplayer" },
+ { value: "Multiple Endings", label: "Multiple Endings" },
+ { value: "Music", label: "Music" },
+ {
+ value: "Music-Based Procedural Generation",
+ label: "Music-Based Procedural Generation",
+ },
+ { value: "Mystery", label: "Mystery" },
+ { value: "Mystery Dungeon", label: "Mystery Dungeon" },
+ { value: "Mythology", label: "Mythology" },
+ { value: "Narration", label: "Narration" },
+ { value: "Nature", label: "Nature" },
+ { value: "Naval", label: "Naval" },
+ { value: "Naval Combat", label: "Naval Combat" },
+ { value: "Ninja", label: "Ninja" },
+ { value: "Noir", label: "Noir" },
+ { value: "Nonlinear", label: "Nonlinear" },
+ { value: "Offroad", label: "Offroad" },
+ { value: "Old School", label: "Old School" },
+ { value: "On-Rails Shooter", label: "On-Rails Shooter" },
+ { value: "Online Co-Op", label: "Online Co-Op" },
+ { value: "Open World", label: "Open World" },
+ { value: "Open World Survival Craft", label: "Open World Survival Craft" },
+ { value: "Otome", label: "Otome" },
+ { value: "Outbreak Sim", label: "Outbreak Sim" },
+ { value: "Parkour", label: "Parkour" },
+ { value: "Party-Based RPG", label: "Party-Based RPG" },
+ { value: "Perma Death", label: "Perma Death" },
+ { value: "Philosophical", label: "Philosophical" },
+ { value: "Physics", label: "Physics" },
+ { value: "Pinball", label: "Pinball" },
+ { value: "Pirates", label: "Pirates" },
+ { value: "Pixel Graphics", label: "Pixel Graphics" },
+ { value: "Platformer", label: "Platformer" },
+ { value: "Point & Click", label: "Point & Click" },
+ { value: "Political", label: "Political" },
+ { value: "Political Sim", label: "Political Sim" },
+ { value: "Politics", label: "Politics" },
+ { value: "Pool", label: "Pool" },
+ { value: "Post-apocalyptic", label: "Post-apocalyptic" },
+ { value: "Precision Platformer", label: "Precision Platformer" },
+ { value: "Procedural Generation", label: "Procedural Generation" },
+ { value: "Programming", label: "Programming" },
+ { value: "Psychedelic", label: "Psychedelic" },
+ { value: "Psychological", label: "Psychological" },
+ { value: "Puzzle", label: "Puzzle" },
+ { value: "PvE", label: "PvE" },
+ { value: "PvP", label: "PvP" },
+ { value: "Quick-Time Events", label: "Quick-Time Events" },
+ { value: "Racing", label: "Racing" },
+ { value: "Real Time Tactics", label: "Real Time Tactics" },
+ { value: "Real-Time", label: "Real-Time" },
+ { value: "Real-Time with Pause", label: "Real-Time with Pause" },
+ { value: "Realistic", label: "Realistic" },
+ { value: "Relaxing", label: "Relaxing" },
+ { value: "Remake", label: "Remake" },
+ { value: "Replay Value", label: "Replay Value" },
+ { value: "Resource Management", label: "Resource Management" },
+ { value: "Retro", label: "Retro" },
+ { value: "Rhythm", label: "Rhythm" },
+ { value: "Robots", label: "Robots" },
+ { value: "Roguelike", label: "Roguelike" },
+ { value: "Roguelite", label: "Roguelite" },
+ { value: "Roguevania", label: "Roguevania" },
+ { value: "Romance", label: "Romance" },
+ { value: "Rome", label: "Rome" },
+ { value: "RPG", label: "RPG" },
+ { value: "RTS", label: "RTS" },
+ { value: "Runner", label: "Runner" },
+ { value: "Sailing", label: "Sailing" },
+ { value: "Sandbox", label: "Sandbox" },
+ { value: "Satire", label: "Satire" },
+ { value: "Sci-fi", label: "Sci-fi" },
+ { value: "Science", label: "Science" },
+ { value: "Score Attack", label: "Score Attack" },
+ { value: "Sequel", label: "Sequel" },
+ { value: "Shoot 'Em Up", label: "Shoot 'Em Up" },
+ { value: "Shooter", label: "Shooter" },
+ { value: "Short", label: "Short" },
+ { value: "Side Scroller", label: "Side Scroller" },
+ { value: "Silent Protagonist", label: "Silent Protagonist" },
+ { value: "Simulation", label: "Simulation" },
+ { value: "Singleplayer", label: "Singleplayer" },
+ { value: "Skateboarding", label: "Skateboarding" },
+ { value: "Skating", label: "Skating" },
+ { value: "Skiing", label: "Skiing" },
+ { value: "Sniper", label: "Sniper" },
+ { value: "Snow", label: "Snow" },
+ { value: "Snowboarding", label: "Snowboarding" },
+ { value: "Soccer", label: "Soccer" },
+ { value: "Sokoban", label: "Sokoban" },
+ { value: "Solitaire", label: "Solitaire" },
+ { value: "Souls-like", label: "Souls-like" },
+ { value: "Soundtrack", label: "Soundtrack" },
+ { value: "Space", label: "Space" },
+ { value: "Space Sim", label: "Space Sim" },
+ { value: "Spectacle fighter", label: "Spectacle fighter" },
+ { value: "Spelling", label: "Spelling" },
+ { value: "Split Screen", label: "Split Screen" },
+ { value: "Sports", label: "Sports" },
+ { value: "Star Wars", label: "Star Wars" },
+ { value: "Stealth", label: "Stealth" },
+ { value: "Steampunk", label: "Steampunk" },
+ { value: "Story Rich", label: "Story Rich" },
+ { value: "Strategy", label: "Strategy" },
+ { value: "Strategy RPG", label: "Strategy RPG" },
+ { value: "Stylized", label: "Stylized" },
+ { value: "Submarine", label: "Submarine" },
+ { value: "Superhero", label: "Superhero" },
+ { value: "Supernatural", label: "Supernatural" },
+ { value: "Surreal", label: "Surreal" },
+ { value: "Survival", label: "Survival" },
+ { value: "Survival Horror", label: "Survival Horror" },
+ { value: "Swordplay", label: "Swordplay" },
+ { value: "Tabletop", label: "Tabletop" },
+ { value: "Tactical", label: "Tactical" },
+ { value: "Tactical RPG", label: "Tactical RPG" },
+ { value: "Tanks", label: "Tanks" },
+ { value: "Team-Based", label: "Team-Based" },
+ { value: "Tennis", label: "Tennis" },
+ { value: "Text-Based", label: "Text-Based" },
+ { value: "Third Person", label: "Third Person" },
+ { value: "Third-Person Shooter", label: "Third-Person Shooter" },
+ { value: "Thriller", label: "Thriller" },
+ { value: "Time Attack", label: "Time Attack" },
+ { value: "Time Management", label: "Time Management" },
+ { value: "Time Manipulation", label: "Time Manipulation" },
+ { value: "Time Travel", label: "Time Travel" },
+ { value: "Top-Down", label: "Top-Down" },
+ { value: "Top-Down Shooter", label: "Top-Down Shooter" },
+ { value: "Tower Defense", label: "Tower Defense" },
+ { value: "Trading", label: "Trading" },
+ { value: "Trading Card Game", label: "Trading Card Game" },
+ { value: "Traditional Roguelike", label: "Traditional Roguelike" },
+ { value: "Trains", label: "Trains" },
+ { value: "Transhumanism", label: "Transhumanism" },
+ { value: "Transportation", label: "Transportation" },
+ { value: "Trivia", label: "Trivia" },
+ { value: "Turn-Based", label: "Turn-Based" },
+ { value: "Turn-Based Combat", label: "Turn-Based Combat" },
+ { value: "Turn-Based Strategy", label: "Turn-Based Strategy" },
+ { value: "Turn-Based Tactics", label: "Turn-Based Tactics" },
+ { value: "Tutorial", label: "Tutorial" },
+ { value: "Twin Stick Shooter", label: "Twin Stick Shooter" },
+ { value: "Typing", label: "Typing" },
+ { value: "Underground", label: "Underground" },
+ { value: "Underwater", label: "Underwater" },
+ { value: "Unforgiving", label: "Unforgiving" },
+ { value: "Vampire", label: "Vampire" },
+ { value: "Vehicular Combat", label: "Vehicular Combat" },
+ { value: "Villain Protagonist", label: "Villain Protagonist" },
+ { value: "Visual Novel", label: "Visual Novel" },
+ { value: "Voxel", label: "Voxel" },
+ { value: "VR", label: "VR" },
+ { value: "Walking Simulator", label: "Walking Simulator" },
+ { value: "War", label: "War" },
+ { value: "Wargame", label: "Wargame" },
+ { value: "Warhammer 40K", label: "Warhammer 40K" },
+ { value: "Werewolves", label: "Werewolves" },
+ { value: "Western", label: "Western" },
+ { value: "Word Game", label: "Word Game" },
+ { value: "World War I", label: "World War I" },
+ { value: "World War II", label: "World War II" },
+ { value: "Wrestling", label: "Wrestling" },
+];
+
diff --git a/src/models/user.ts b/src/models/user.ts
new file mode 100644
index 0000000..54133cb
--- /dev/null
+++ b/src/models/user.ts
@@ -0,0 +1,44 @@
+export interface UserAPI {
+ success: boolean
+ data: User
+}
+
+export default interface User {
+ _id: string
+ name: string
+ displayName: string
+ email: string
+ avatar: string
+ role: string
+ token: string
+}
+
+export interface UserPreferences {
+ id: string
+ theme: 'light' | 'dark'
+ stickyNav: boolean
+}
+
+export interface UserFormValues {
+ email: string
+ password: string
+ name?: string
+ displayName?: string
+ role?: string
+}
+
+export interface UserUpdateValues {
+ email: string
+ name: string
+ displayName: string
+ role: string
+ avatar: string
+}
+
+export interface IForgotPassword {
+ email: string
+}
+
+export interface IResetPassword {
+ password: string
+}
\ No newline at end of file
diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts
new file mode 100644
index 0000000..91061fa
--- /dev/null
+++ b/src/react-app-env.d.ts
@@ -0,0 +1,74 @@
+
+///
+///
+
+declare namespace NodeJS {
+ interface Process{
+ env: ProcessEnv
+ }
+ interface ProcessEnv {
+ /**
+ * By default, there are two modes in Vite:
+ *
+ * * `development` is used by vite and vite serve
+ * * `production` is used by vite build
+ *
+ * You can overwrite the default mode used for a command by passing the --mode option flag.
+ *
+ */
+ readonly NODE_ENV: 'development' | 'production'
+ }
+}
+
+declare var process: NodeJS.Process
+
+declare module '*.gif' {
+ const src: string
+ export default src
+}
+
+declare module '*.jpg' {
+ const src: string
+ export default src
+}
+
+declare module '*.jpeg' {
+ const src: string
+ export default src
+}
+
+declare module '*.png' {
+ const src: string
+ export default src
+}
+
+declare module '*.webp' {
+ const src: string
+ export default src
+}
+
+declare module '*.svg' {
+ import * as React from 'react'
+
+ export const ReactComponent: React.FunctionComponent & { title?: string }>
+
+ const src: string;
+ export default src
+}
+
+declare module '*.module.css' {
+ const classes: { readonly [key: string]: string }
+ export default classes
+}
+
+declare module '*.module.scss' {
+ const classes: { readonly [key: string]: string }
+ export default classes
+}
+
+declare module '*.module.sass' {
+ const classes: { readonly [key: string]: string }
+ export default classes
+}
diff --git a/src/reportWebVitals.ts b/src/reportWebVitals.ts
new file mode 100644
index 0000000..49a2a16
--- /dev/null
+++ b/src/reportWebVitals.ts
@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+ if (onPerfEntry && onPerfEntry instanceof Function) {
+ import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+ getCLS(onPerfEntry);
+ getFID(onPerfEntry);
+ getFCP(onPerfEntry);
+ getLCP(onPerfEntry);
+ getTTFB(onPerfEntry);
+ });
+ }
+};
+
+export default reportWebVitals;
diff --git a/src/resources/fonts/retrogaming.ttf b/src/resources/fonts/retrogaming.ttf
new file mode 100644
index 0000000..0dca996
Binary files /dev/null and b/src/resources/fonts/retrogaming.ttf differ
diff --git a/src/resources/images/game_over.jpg b/src/resources/images/game_over.jpg
new file mode 100644
index 0000000..7216b51
Binary files /dev/null and b/src/resources/images/game_over.jpg differ
diff --git a/src/resources/images/game_over_mobile.jpg b/src/resources/images/game_over_mobile.jpg
new file mode 100644
index 0000000..8583f98
Binary files /dev/null and b/src/resources/images/game_over_mobile.jpg differ
diff --git a/src/resources/video/game_over.mp4 b/src/resources/video/game_over.mp4
new file mode 100644
index 0000000..d1f6362
Binary files /dev/null and b/src/resources/video/game_over.mp4 differ
diff --git a/src/resources/video/game_over.webm b/src/resources/video/game_over.webm
new file mode 100644
index 0000000..b9e5fa4
Binary files /dev/null and b/src/resources/video/game_over.webm differ
diff --git a/src/setupTests.ts b/src/setupTests.ts
new file mode 100644
index 0000000..8f2609b
--- /dev/null
+++ b/src/setupTests.ts
@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
diff --git a/src/stateManagement/gameState.ts b/src/stateManagement/gameState.ts
new file mode 100644
index 0000000..97c587a
--- /dev/null
+++ b/src/stateManagement/gameState.ts
@@ -0,0 +1,37 @@
+import defaultGame from '../models/defaultGame'
+import Game, { Data, GameList } from '../models/game'
+import { hookstate } from '@hookstate/core'
+
+export const gameDashboardState = hookstate({
+ success: false,
+ count: {
+ gamesPerPage: 0,
+ totalGames: 0,
+ currentPage: 0,
+ pages: 0,
+ limit: 0,
+ },
+ searchParams: '',
+ pagination: { next: { page: 1 } },
+ filters: {
+ series: '',
+ playStatus: '',
+ genre: '',
+ os: '',
+ store: '',
+ controller: '',
+ developer: '',
+ publisher: '',
+ soundtrack: '',
+ intel: '',
+ wine: '',
+ rating: '',
+ steamRating: '',
+ },
+ data: [defaultGame as Data]
+} as GameList)
+
+export const detailedGameState = hookstate({
+ success: false,
+ data: defaultGame as Data
+} as Game)
diff --git a/src/stateManagement/loadingState.ts b/src/stateManagement/loadingState.ts
new file mode 100644
index 0000000..f712077
--- /dev/null
+++ b/src/stateManagement/loadingState.ts
@@ -0,0 +1,15 @@
+import {hookstate, SetStateAction} from '@hookstate/core'
+
+export const loadingState = hookstate(false)
+export const loadingAndSaveState = hookstate(false)
+export const loadingAndContinueState = hookstate(false)
+export const openAndCloseDeleteDialogue = hookstate(false)
+export const openAndCloseSearchDialogue = hookstate(false)
+export const showFiltersModuleState = hookstate(false)
+export const searchCompletedState = hookstate(false)
+
+export const changeLoadState = (bool: SetStateAction) => {
+ loadingState.set(bool)
+ loadingAndContinueState.set(bool)
+ loadingAndSaveState.set(bool)
+}
\ No newline at end of file
diff --git a/src/stateManagement/ratingState.ts b/src/stateManagement/ratingState.ts
new file mode 100644
index 0000000..7ac2d24
--- /dev/null
+++ b/src/stateManagement/ratingState.ts
@@ -0,0 +1,4 @@
+import { hookstate } from '@hookstate/core'
+
+export const ratingState = hookstate('[]')
+export const steamRatingState = hookstate('[]')
diff --git a/src/stateManagement/tagState.ts b/src/stateManagement/tagState.ts
new file mode 100644
index 0000000..9a01697
--- /dev/null
+++ b/src/stateManagement/tagState.ts
@@ -0,0 +1,30 @@
+import { hookstate } from '@hookstate/core'
+import { genreTags } from '../models/tags'
+
+export const tagState = hookstate({
+ genres: genreTags,
+ series: [
+ {
+ value: '',
+ label: '',
+ },
+ ],
+ store: [
+ {
+ value: '',
+ label: '',
+ },
+ ],
+ developer: [
+ {
+ value: '',
+ label: '',
+ },
+ ],
+ publisher: [
+ {
+ value: '',
+ label: '',
+ },
+ ],
+})
diff --git a/src/stateManagement/userState.ts b/src/stateManagement/userState.ts
new file mode 100644
index 0000000..fea4625
--- /dev/null
+++ b/src/stateManagement/userState.ts
@@ -0,0 +1,103 @@
+import defaultUser from '../models/defaultUser'
+import User, {UserFormValues, UserPreferences} from '../models/user'
+import {hookstate, useHookstate} from '@hookstate/core'
+import {localstored} from '@hookstate/localstored'
+import agent from '../api/agent'
+import {history} from '..'
+
+export const loggedInUser = hookstate(defaultUser as User)
+export const userToken = hookstate('')
+export const loggedInState = hookstate(false)
+export const appLoadedState = hookstate(false)
+export const adminMode = hookstate(false)
+export const loadedPreferences = hookstate({} as UserPreferences)
+export const userPreferences = hookstate([] as UserPreferences[],
+ localstored({
+ key: 'userPreferences'
+ }))
+
+export const createUser = async (creds: UserFormValues) => {
+ try {
+ const user = await agent.Account.register(creds)
+ setToken(user.token)
+ await getUser(user.token)
+ loggedInState.set(true)
+ history.push('/games')
+ } catch (error) {
+ throw error
+ }
+}
+
+export const login = async (creds: UserFormValues) => {
+ try {
+ const user = await agent.Account.login(creds)
+ setToken(user.token)
+ await getUser(user.token)
+ loggedInState.set(true)
+ history.push('/games')
+ } catch (error) {
+ throw error
+ }
+}
+
+export const logout = () => {
+ adminMode.set(false)
+ setToken('')
+ window.localStorage.removeItem('jwt')
+ loggedInUser.set(defaultUser)
+ loggedInState.set(false)
+ history.push('/')
+}
+
+export const setToken = (token: string) => {
+ if (token.length > 1) window.localStorage.setItem('jwt', token)
+ userToken.set(token)
+}
+
+export const adminModeToggle = () => {
+ adminMode.set(toggle => !toggle)
+ const toggle = adminMode.get()
+ if (toggle) {
+ window.localStorage.setItem('admin', 'active')
+ } else {
+ window.localStorage.removeItem('admin')
+ }
+}
+
+export const getUser = async (token: string) => {
+ try {
+ userToken.set(token)
+ const user = await agent.Account.current()
+ loggedInState.set(true)
+ loggedInUser.set(user.data)
+ const userPreferencesExist = userPreferences.get().findIndex(x => x.id == user.data._id)
+ if(userPreferencesExist === -1) {
+ userPreferences.merge([{
+ id: user.data._id,
+ theme: 'light',
+ stickyNav: true,
+ }])
+ }
+ const currentPreferences = userPreferences.get().filter(x => x.id == user.data._id)
+ loadedPreferences.set({
+ id: currentPreferences[0].id,
+ theme: currentPreferences[0].theme,
+ stickyNav: currentPreferences[0].stickyNav
+ })
+ } catch (error) {
+ console.error(error)
+ }
+}
+
+export const updateUserPreferences = async (pref: UserPreferences) => {
+ try {
+ const user = await agent.Account.current()
+ const foundIndex = userPreferences.get().findIndex(x => x.id === user.data._id)
+ userPreferences[foundIndex].set(pref)
+ loadedPreferences.set(pref)
+ } catch (err) {
+ console.error(err)
+ }
+}
+
+export const setAppLoaded = (bool: boolean) => appLoadedState.set(bool)
diff --git a/src/styles/overrides.css b/src/styles/overrides.css
new file mode 100644
index 0000000..5ad1402
--- /dev/null
+++ b/src/styles/overrides.css
@@ -0,0 +1,91 @@
+.bb_ul {
+ padding-left: 2rem;
+}
+
+.empty-icons {
+ display: flex !important;
+}
+.filled-icons {
+ /*noinspection CssInvalidPropertyValue*/
+ display: -webkit-inline-box !important;
+}
+
+.jodit_theme_chakra {
+ --jd-color-background-default: #1A202C;
+ --jd-color-border: #474025;
+ --jd-color-panel: #5fd3a2;
+ --jd-color-icon: #8b572a;
+}
+
+.jodit-toolbar__box:not(:empty):not(:empty) {
+ background: #1A202C;
+}
+
+.jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) {
+ background: #1A202C;
+}
+
+.jodit_theme_dark .jodit-wysiwyg {
+ background: #1A202C;
+}
+
+.jodit_theme_dark .jodit-popup__content {
+ background: #1A202C;
+}
+
+.jodit_theme_dark .jodit-toolbar-button:hover:not([disabled]) {
+ background-color: #4A5568;
+}
+
+.jodit_theme_dark .jodit-toolbar-button__button:hover:not([disabled]) {
+ background-color: #4A5568;
+}
+
+.jodit-toolbar-button__button:active:not([disabled]) {
+ background-color: #2D3748;
+}
+
+.jodit-toolbar-button__button:focus-visible:not([disabled]) {
+ background-color: #718096;
+}
+
+.jodit_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]) {
+ background-color: #4A5568;
+}
+
+.jodit-toolbar-button__trigger:active:not([disabled]) {
+ background-color: #2D3748;
+}
+
+.jodit-toolbar-button__button[aria-pressed="true"]:not([disabled]) {
+ background-color: #718096;
+}
+
+.jodit-source {
+ background-color: #2D3748;
+}
+
+.ace-idle-fingers {
+ background-color: #2D3748;
+}
+
+.ace-idle-fingers .ace_gutter {
+ background-color: #2D3748;
+}
+
+.ace-idle-fingers .ace_gutter-active-line {
+ background-color: #4A5568;
+}
+
+.jodit-dialog_theme_dark .jodit-dialog__panel {
+ background-color: #4A5568;
+ border-radius: 5px;
+}
+
+.jodit-ui-button_variant_primary {
+ background-color: #2D3748;
+}
+
+.jodit-dialog_theme_dark .jodit-ui-button:hover:not([disabled]) {
+ background-color: #718096;
+}
\ No newline at end of file
diff --git a/src/styles/theme.tsx b/src/styles/theme.tsx
new file mode 100644
index 0000000..0ea0604
--- /dev/null
+++ b/src/styles/theme.tsx
@@ -0,0 +1,18 @@
+import { extendTheme, Theme } from '@chakra-ui/react'
+import { mode } from '@chakra-ui/theme-tools'
+import {loadedPreferences} from "../stateManagement/userState";
+
+
+
+export default extendTheme({
+ initialColorMode: loadedPreferences.theme,
+ useSystemColorMode: false,
+ styles: {
+ global: (props: Theme) => ({
+ body: {
+ bg: mode('gray.200', 'gray.800')(props),
+ },
+ })
+ },
+})
+
\ No newline at end of file
diff --git a/src/styles/typography.css b/src/styles/typography.css
new file mode 100644
index 0000000..df19545
--- /dev/null
+++ b/src/styles/typography.css
@@ -0,0 +1,6 @@
+@font-face {
+ font-family: "RetroGaming";
+ src: url("../resources/fonts/retrogaming.ttf");
+ font-weight: 400;
+ font-style: normal;
+}
diff --git a/src/styles/videoBackground.css b/src/styles/videoBackground.css
new file mode 100644
index 0000000..4a6d83e
--- /dev/null
+++ b/src/styles/videoBackground.css
@@ -0,0 +1,11 @@
+.videoBackground {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100vh;
+ width: 100%;
+ z-index: -2;
+ overflow: hidden;
+ object-fit: cover;
+ display: block;
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..605dbbd
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,23 @@
+{
+ "compilerOptions": {
+ "target": "ESNext",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "types": ["vite/client"],
+ "allowJs": false,
+ "skipLibCheck": true,
+ "esModuleInterop": false,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noFallthroughCasesInSwitch": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx"
+ },
+ "include": [
+ "src"
+ ]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..b1b5f91
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [react()]
+})