echo
5102ed23c1
Set up Expo SDK 56 project with TypeScript and Expo Router (file-based). Backend: - Full Convex schema (users, accounts, sessions, ads, categories, reviews, chats, messages, posts) deployed to self-hosted instance - Custom email/password auth with SHA-256 hashing via Convex actions - Query/mutation scaffolds for all domain tables - Convex environment variables configured on backend App structure: - Root layout with ConvexProvider, ThemeProvider, AuthContext - (auth) group: login and register screens (Macedonian UI) with role selection (handyman/customer) - (tabs) group: 5 tabs (Home, Explore, Posts, Chat, Profile) each with nested Stack layouts - Placeholder detail screens for ad, post, chat, review flows - 404 not-found screen in Macedonian UI primitives (components/ui/): - Button (4 variants), Input, Card, Loading, Avatar, Rating, Badge - ThemeProvider with light/dark palette via React context All user-facing strings in Macedonian. Code identifiers in English. TypeScript passes with zero errors.
57 lines
2.1 KiB
TypeScript
57 lines
2.1 KiB
TypeScript
import { View, Text, Pressable, ScrollView } from "react-native";
|
||
import { Link } from "expo-router";
|
||
import { useTheme } from "../../../components/theme";
|
||
import { CATEGORIES } from "../../../lib/constants";
|
||
|
||
export default function HomeScreen() {
|
||
const theme = useTheme();
|
||
|
||
return (
|
||
<ScrollView
|
||
contentInsetAdjustmentBehavior="automatic"
|
||
contentContainerStyle={{ padding: theme.spacing.lg, gap: theme.spacing.md, paddingBottom: 40 }}
|
||
>
|
||
<View style={{ marginTop: theme.spacing.md }}>
|
||
<Text style={{ fontSize: 24, fontWeight: "700", color: theme.colors.text }}>
|
||
Добредојдовте 🏠
|
||
</Text>
|
||
<Text style={{ fontSize: 16, color: theme.colors.textSecondary, marginTop: theme.spacing.sm }}>
|
||
Најдете мајстор во вашата близина
|
||
</Text>
|
||
</View>
|
||
|
||
<Link href="/(tabs)/(explore)" asChild>
|
||
<Pressable style={{
|
||
backgroundColor: theme.colors.surface,
|
||
borderRadius: theme.radius.md,
|
||
padding: theme.spacing.md,
|
||
borderWidth: 1,
|
||
borderColor: theme.colors.border,
|
||
}}>
|
||
<Text style={{ color: theme.colors.textTertiary, fontSize: 16 }}>🔍 Пребарувај мајстори...</Text>
|
||
</Pressable>
|
||
</Link>
|
||
|
||
<Text style={{ fontSize: 18, fontWeight: "600", color: theme.colors.text, marginTop: theme.spacing.sm }}>
|
||
Категории
|
||
</Text>
|
||
|
||
<View style={{ flexDirection: "row", flexWrap: "wrap", gap: theme.spacing.sm }}>
|
||
{CATEGORIES.map((cat) => (
|
||
<Link key={cat.slug} href={`/(tabs)/(explore)?category=${cat.slug}`} asChild>
|
||
<Pressable style={{
|
||
backgroundColor: theme.colors.surface,
|
||
borderRadius: theme.radius.md,
|
||
paddingHorizontal: theme.spacing.md,
|
||
paddingVertical: theme.spacing.sm,
|
||
borderWidth: 1,
|
||
borderColor: theme.colors.border,
|
||
}}>
|
||
<Text style={{ color: theme.colors.text, fontSize: 14 }}>{cat.name}</Text>
|
||
</Pressable>
|
||
</Link>
|
||
))}
|
||
</View>
|
||
</ScrollView>
|
||
);
|
||
} |