recipe_app/frontend/src/pages/About.tsx

59 lines
1.6 KiB
TypeScript
Raw Normal View History

2025-07-17 09:17:10 -07:00
function About() {
return (
<div className="about page-outer">
<div>
2026-02-11 09:36:55 -08:00
<h2 className="text-xl text-[var(--color-secondaryTextDark)]">
This app uses the following components:
</h2>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">
Frontend:
</h2>
<ul>
<li>React</li>
<li>TypeScript</li>
</ul>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">
Backend:
</h2>
<ul>
<li>NestJS</li>
<li>PostgreSQL</li>
<li>Prisma</li>
</ul>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">
Containerization:
</h2>
<ul>
<li>Docker</li>
</ul>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">
Styling/UI:
</h2>
<ul>
<li>Tailwind CSS</li>
</ul>
<p className="mt-4 text-[var(--color-secondaryTextDark)]">
More about me{" "}
<a
className="text-[var(--color-textLink)]"
target="_blank"
href="https://fredzernia.com"
>
here
</a>{" "}
| Code for this app{" "}
<a
className="text-[var(--color-textLink)]"
target="_blank"
href="https://forgejo.fredzernia.com/fred/recipe_app"
>
here
</a>
</p>
2025-07-17 09:17:10 -07:00
</div>
2026-02-11 09:36:55 -08:00
</div>
);
2025-07-17 09:17:10 -07:00
}
2026-02-11 09:36:55 -08:00
export default About;