Skip to content

Commit a72184d

Browse files
MatheusAlvesPereiraMatheusAlvesPereira
authored
Merge pull request #3 from Anoto-ecossistem/dev
adding template frontend with V0 Closes #2
2 parents a4d0748 + d21ce16 commit a72184d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

79 files changed

+11758
-0
lines changed

‎php-framework/.gitignore‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# next.js
7+
/.next/
8+
/out/
9+
10+
# production
11+
/build
12+
13+
# debug
14+
npm-debug.log*
15+
yarn-debug.log*
16+
yarn-error.log*
17+
.pnpm-debug.log*
18+
19+
# env files
20+
.env*
21+
22+
# vercel
23+
.vercel
24+
25+
# typescript
26+
*.tsbuildinfo
27+
next-env.d.ts

‎php-framework/app/globals.css‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@layer base {
6+
:root {
7+
--background: 0 0% 100%;
8+
--foreground: 222.2 84% 4.9%;
9+
10+
--card: 0 0% 100%;
11+
--card-foreground: 222.2 84% 4.9%;
12+
13+
--popover: 0 0% 100%;
14+
--popover-foreground: 222.2 84% 4.9%;
15+
16+
--primary: 222.2 47.4% 11.2%;
17+
--primary-foreground: 210 40% 98%;
18+
19+
--secondary: 210 40% 96.1%;
20+
--secondary-foreground: 222.2 47.4% 11.2%;
21+
22+
--muted: 210 40% 96.1%;
23+
--muted-foreground: 215.4 16.3% 46.9%;
24+
25+
--accent: 210 40% 96.1%;
26+
--accent-foreground: 222.2 47.4% 11.2%;
27+
28+
--destructive: 0 84.2% 60.2%;
29+
--destructive-foreground: 210 40% 98%;
30+
31+
--border: 214.3 31.8% 91.4%;
32+
--input: 214.3 31.8% 91.4%;
33+
--ring: 222.2 84% 4.9%;
34+
35+
--radius: 0.5rem;
36+
}
37+
38+
.dark {
39+
--background: 222.2 84% 4.9%;
40+
--foreground: 210 40% 98%;
41+
42+
--card: 222.2 84% 4.9%;
43+
--card-foreground: 210 40% 98%;
44+
45+
--popover: 222.2 84% 4.9%;
46+
--popover-foreground: 210 40% 98%;
47+
48+
--primary: 210 40% 98%;
49+
--primary-foreground: 222.2 47.4% 11.2%;
50+
51+
--secondary: 217.2 32.6% 17.5%;
52+
--secondary-foreground: 210 40% 98%;
53+
54+
--muted: 217.2 32.6% 17.5%;
55+
--muted-foreground: 215 20.2% 65.1%;
56+
57+
--accent: 217.2 32.6% 17.5%;
58+
--accent-foreground: 210 40% 98%;
59+
60+
--destructive: 0 62.8% 30.6%;
61+
--destructive-foreground: 210 40% 98%;
62+
63+
--border: 217.2 32.6% 17.5%;
64+
--input: 217.2 32.6% 17.5%;
65+
--ring: 212.7 26.8% 83.9%;
66+
}
67+
}
68+
69+
@layer base {
70+
* {
71+
@apply border-border;
72+
}
73+
body {
74+
@apply bg-background text-foreground;
75+
}
76+
}

‎php-framework/app/layout.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import type React from "react"
2+
import "@/app/globals.css"
3+
import { ThemeProvider } from "@/components/theme-provider"
4+
5+
export const metadata = {
6+
title: "PHP Framework Generator",
7+
description: "Generate PHP framework projects with custom configurations",
8+
generator: 'v0.dev'
9+
}
10+
11+
export default function RootLayout({
12+
children,
13+
}: {
14+
children: React.ReactNode
15+
}) {
16+
return (
17+
<html lang="en" suppressHydrationWarning>
18+
<body>
19+
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
20+
{children}
21+
</ThemeProvider>
22+
</body>
23+
</html>
24+
)
25+
}

‎php-framework/app/login/page.tsx‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
import { LoginForm } from "@/components/login-form"
2+
import { ThemeToggle } from "@/components/theme-toggle"
3+
import { MobileNav } from "@/components/mobile-nav"
4+
import Link from "next/link"
5+
6+
export default function LoginPage() {
7+
const navItems = [
8+
{ title: "Home", href: "/" },
9+
{ title: "Documentation", href: "#" },
10+
{ title: "Guides", href: "#" },
11+
]
12+
13+
return (
14+
<div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
15+
<header className="border-b bg-white dark:bg-gray-950 dark:text-white sticky top-0 z-40 shadow-sm">
16+
<div className="container mx-auto px-4 py-3 flex items-center justify-between">
17+
<div className="flex items-center gap-2">
18+
<Link href="/" className="flex items-center gap-2">
19+
<div className="bg-red-500 w-8 h-8 rounded-md flex items-center justify-center">
20+
<svg
21+
xmlns="http://www.w3.org/2000/svg"
22+
viewBox="0 0 24 24"
23+
fill="none"
24+
stroke="currentColor"
25+
strokeWidth="2"
26+
strokeLinecap="round"
27+
strokeLinejoin="round"
28+
className="w-5 h-5 text-white"
29+
>
30+
<path d="M12 2v6.5" />
31+
<path d="M19 5.5v4" />
32+
<path d="M5 5.5v4" />
33+
<path d="M12 17.5V22" />
34+
<path d="M5 14.5v-3" />
35+
<path d="M19 14.5v-3" />
36+
<path d="M12 8.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z" />
37+
</svg>
38+
</div>
39+
<h1 className="text-xl font-bold">PHP Framework Generator</h1>
40+
</Link>
41+
</div>
42+
<nav className="hidden md:flex items-center gap-4">
43+
<Link href="/" className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400">
44+
Home
45+
</Link>
46+
<Link href="#" className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400">
47+
Documentation
48+
</Link>
49+
<Link href="#" className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400">
50+
Guides
51+
</Link>
52+
<ThemeToggle />
53+
</nav>
54+
<div className="flex md:hidden items-center gap-2">
55+
<ThemeToggle />
56+
<MobileNav items={navItems} />
57+
</div>
58+
</div>
59+
</header>
60+
<main className="container mx-auto px-4 py-6 md:py-12">
61+
<div className="max-w-md mx-auto">
62+
<div className="mb-6 md:mb-8 text-center">
63+
<h2 className="text-2xl md:text-3xl font-bold mb-2 dark:text-white">Login to Your Account</h2>
64+
<p className="text-sm md:text-base text-gray-600 dark:text-gray-400">
65+
Access your PHP Framework Generator account
66+
</p>
67+
</div>
68+
<LoginForm />
69+
</div>
70+
</main>
71+
<footer className="border-t bg-white dark:bg-gray-950 py-4 md:py-6 mt-8">
72+
<div className="container mx-auto px-4">
73+
<div className="text-center text-xs md:text-sm text-gray-600 dark:text-gray-400">
74+
<p>PHP Framework Generator is powered by Next.js</p>
75+
<p className="mt-1">© {new Date().getFullYear()} PHP Framework Generator. All rights reserved.</p>
76+
</div>
77+
</div>
78+
</footer>
79+
</div>
80+
)
81+
}

‎php-framework/app/page.tsx‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
import { ProjectForm } from "@/components/project-form"
2+
import { ProjectInfo } from "@/components/project-info"
3+
import { ThemeToggle } from "@/components/theme-toggle"
4+
import { MobileNav } from "@/components/mobile-nav"
5+
import Link from "next/link"
6+
7+
export default function Home() {
8+
const navItems = [
9+
{ title: "Documentation", href: "#" },
10+
{ title: "Guides", href: "#" },
11+
{ title: "GitHub", href: "https://github.com", external: true },
12+
{ title: "Login", href: "/login" },
13+
]
14+
15+
return (
16+
<div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
17+
<header className="border-b bg-white dark:bg-gray-950 dark:text-white sticky top-0 z-40 shadow-sm">
18+
<div className="container mx-auto px-4 py-3 flex items-center justify-between">
19+
<div className="flex items-center gap-2">
20+
<Link href="/" className="flex items-center gap-2">
21+
<div className="bg-red-500 w-8 h-8 rounded-md flex items-center justify-center">
22+
<svg
23+
xmlns="http://www.w3.org/2000/svg"
24+
viewBox="0 0 24 24"
25+
fill="none"
26+
stroke="currentColor"
27+
strokeWidth="2"
28+
strokeLinecap="round"
29+
strokeLinejoin="round"
30+
className="w-5 h-5 text-white"
31+
>
32+
<path d="M12 2v6.5" />
33+
<path d="M19 5.5v4" />
34+
<path d="M5 5.5v4" />
35+
<path d="M12 17.5V22" />
36+
<path d="M5 14.5v-3" />
37+
<path d="M19 14.5v-3" />
38+
<path d="M12 8.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z" />
39+
</svg>
40+
</div>
41+
<h1 className="text-xl font-bold">PHP Framework Generator</h1>
42+
</Link>
43+
</div>
44+
<nav className="hidden md:flex items-center gap-4">
45+
<Link href="#" className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400">
46+
Documentation
47+
</Link>
48+
<Link href="#" className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400">
49+
Guides
50+
</Link>
51+
<a
52+
href="https://github.com"
53+
target="_blank"
54+
rel="noopener noreferrer"
55+
className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400"
56+
>
57+
GitHub
58+
</a>
59+
<ThemeToggle />
60+
<Link href="/login" className="text-sm font-medium hover:text-red-600 dark:hover:text-red-400">
61+
Login
62+
</Link>
63+
</nav>
64+
<div className="flex md:hidden items-center gap-2">
65+
<ThemeToggle />
66+
<MobileNav items={navItems} />
67+
</div>
68+
</div>
69+
</header>
70+
<main className="container mx-auto px-4 py-6 md:py-8">
71+
<div className="max-w-5xl mx-auto">
72+
<div className="mb-6 md:mb-8 text-center">
73+
<h2 className="text-2xl md:text-3xl font-bold mb-2 dark:text-white">PHP Framework Project Generator</h2>
74+
<p className="text-sm md:text-base text-gray-600 dark:text-gray-400">
75+
Bootstrap your PHP application by selecting framework and configuration options
76+
</p>
77+
</div>
78+
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8">
79+
<div className="md:col-span-2">
80+
<ProjectForm />
81+
</div>
82+
<div>
83+
<ProjectInfo />
84+
</div>
85+
</div>
86+
</div>
87+
</main>
88+
<footer className="border-t bg-white dark:bg-gray-950 py-4 md:py-6 mt-8">
89+
<div className="container mx-auto px-4">
90+
<div className="text-center text-xs md:text-sm text-gray-600 dark:text-gray-400">
91+
<p>PHP Framework Generator is powered by Next.js</p>
92+
<p className="mt-1">© {new Date().getFullYear()} PHP Framework Generator. All rights reserved.</p>
93+
</div>
94+
</div>
95+
</footer>
96+
</div>
97+
)
98+
}

‎php-framework/components.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "default",
4+
"rsc": true,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "app/globals.css",
9+
"baseColor": "neutral",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
19+
},
20+
"iconLibrary": "lucide"
21+
}

0 commit comments

Comments
 (0)