data structure defined

src/components/categories/details/CategoryDetails.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+import styles from './CategoryDetails.module.scss';
+
+export const CategoryDetails: React.FC = () => {
+    return <section className="page">
+        
+    </section>
+}

src/components/revise/Revise.module.scss

@@ -4,6 +4,7 @@
     background-color: white;
     position: relative;
     z-index: 2;
+    overflow-x: hidden;
 }
 
 .finishButton {

src/structure/category.ts

@@ -0,0 +1,7 @@
+import { IShelf } from "./shelf";
+
+export type ICategory = {
+    name: string,
+    icon: string,
+    shelves: Array<IShelf>
+};

src/structure/medals.ts

@@ -0,0 +1,6 @@
+export type IMedal = {
+    name: string,
+    minValue: number,
+    maxValue: number,
+    icon: string,
+};

src/structure/profile.ts

@@ -0,0 +1,9 @@
+import { ICategory } from "./category";
+import { IMedal } from "./medals";
+
+export type IProfile = {
+    name: string,
+    image: string,
+    medal: IMedal,
+    categories: Array<ICategory>
+};

src/structure/shelf.ts

@@ -0,0 +1,8 @@
+import { IWord } from "./word";
+
+export type IShelf = {
+    words: Array<IWord>,
+    revisedWords: Array<IWord>,
+    description: string,
+    viewPermission: 'PRIVATE' | 'PUBLIC';
+};

src/structure/word.ts

@@ -0,0 +1,10 @@
+export type IWord = {
+    name: string,
+    pronounciation: string,
+    audioPronounciationURL: string,
+    grammaticalDetails: Array<{
+        typeName: 'NOUN' | 'ADJECTIVE' | 'VERB',
+        description: string,
+    }>,
+    similarWords: Array<string>
+}