front/src/pages/projects.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import { Project, ProjectDescriptor } from '../components/project';
import projectsJson from '../data/projects.json';

const projects: ProjectDescriptor[] = projectsJson as ProjectDescriptor[];

export default function Projects() {
  return (
    <>
      <div class="main-info">
        <div class="main-info-title">
          Other Projects
        </div>
        <div class="main-info-subtitle">
          projects that are not games
        </div>

        <div class="projects-container">
          {
            projects.map((project) => (
              Project(project)
            ))
          }
        </div>
      </div>
    </>
  );
}