mirror of
https://github.com/hex248/ob248.com.git
synced 2026-02-08 10:43:38 +00:00
75 lines
2.6 KiB
Plaintext
75 lines
2.6 KiB
Plaintext
---
|
|
import ProjectPage from "../../components/ProjectPage.astro";
|
|
import Demo from "../../components/Demo.astro";
|
|
|
|
export const metadata = {
|
|
title: "good morning!",
|
|
description:
|
|
"An app for couples or friends to share daily notices with songs and photos",
|
|
date: "October 2025",
|
|
slug: "good-morning",
|
|
image: "/good-morning-icon.svg",
|
|
github: "https://github.com/hex248/good-morning",
|
|
hidden: true,
|
|
tags: [
|
|
"Web",
|
|
"React",
|
|
"TypeScript",
|
|
"Go",
|
|
"PostgreSQL",
|
|
"AWS S3",
|
|
"Databases",
|
|
"OAuth2",
|
|
"Spotify API",
|
|
"Web",
|
|
],
|
|
type: "personal",
|
|
};
|
|
---
|
|
|
|
<ProjectPage metadata={metadata}>
|
|
<p>
|
|
"good morning!" is a web app I built to help couples or friends share
|
|
daily notices, songs, and photos with each other. It features a simple
|
|
and intuitive interface for sending and receiving messages, along with
|
|
support for photo attachments. The app is built with React and
|
|
TypeScript on the frontend, and Go with PostgreSQL on the backend. Media
|
|
files are stored securely using Cloudflare R2 (AWS S3).
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<div class="bg-ayu-highlight p-4 rounded mt-4">
|
|
<h2 class="text-lg text-ayu-green-500 mb-2">Key features</h2>
|
|
<ul class="list-disc list-inside space-y-1">
|
|
<li>Create daily notices with photos and Spotify songs</li>
|
|
<li>Simple user interface</li>
|
|
<li>Google OAuth2 authentication for user accounts</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="bg-ayu-highlight p-4 rounded mt-4">
|
|
<h2 class="text-lg text-ayu-green-500 mb-2">Technologies</h2>
|
|
<ul class="list-disc list-inside space-y-1">
|
|
<li>React</li>
|
|
<li>TypeScript</li>
|
|
<li>Go</li>
|
|
<li>PostgreSQL</li>
|
|
<li>Cloudflare R2 (AWS S3)</li>
|
|
<li>Spotify API</li>
|
|
<li>OAuth2 Authentication</li>
|
|
<li>Progressive Web App (PWA)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
<h2 class="text-2xl text-ayu-accent mb-3">Demo</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<Demo image="/images/good-morning/1.png" title="1" type="boxed" />
|
|
<Demo image="/images/good-morning/2.png" title="2" type="boxed" />
|
|
<Demo image="/images/good-morning/3.png" title="3" type="boxed" />
|
|
<Demo image="/images/good-morning/4.png" title="4" type="boxed" />
|
|
</div>
|
|
</div>
|
|
</ProjectPage>
|