azpect/Potion
1
1
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: azpect:b8ed93fd9e37c7e748705143fed20554694d0c1e
Branches Tags
azpect:master
azpect:dev
azpect:feature/orm
azpect:refactor/react
..
compare: azpect:8655df8f6bbbd4e210d13c1b44595c88d1f745f1
Branches Tags
azpect:master
azpect:dev
azpect:feature/orm
azpect:refactor/react

No commits in common. "b8ed93fd9e37c7e748705143fed20554694d0c1e" and "8655df8f6bbbd4e210d13c1b44595c88d1f745f1" have entirely different histories.
b8ed93fd9e ... 8655df8f6b

12 changed files with 20 additions and 97 deletions
Show Stats Expand all files Collapse all files

9
web/src/App.tsx
View File

@ -4,10 +4,6 @@ import WebLayout from "./layouts/WebLayout";
import NotFound from './pages/NotFound';
import ROUTE_CONSTANTS from './types/routes';
import Create from './pages/Create';
import Favorites from './pages/Favorites';
import Profile from './pages/Profile';
import ShoppingList from './pages/ShoppingList';
function App() {
return (
@ -17,11 +13,6 @@ function App() {
<Route path="/v2/web" element={<WebLayout />}>
<Route index element={<Navigate to={ROUTE_CONSTANTS.Home} replace />} />
<Route path="home" element={<Home />} />
<Route path="favorites" element={<Favorites />} />
<Route path="create" element={<Create />} />
<Route path="profile" element={<Profile />} />
<Route path="list" element={<ShoppingList />} />
{/* <Route path="recipe/:id" element={<Home />} /> */}
</Route>

BIN
web/src/assets/videos/salmon_video.mp4
View File

Binary file not shown.

14
web/src/components/icons/ShoppingListIcon.tsx
View File

@ -6,14 +6,14 @@ interface ShoppingListIconProps {
export default function ShoppingListIcon({ current }: ShoppingListIconProps) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512"
className={`${current ? "text-blue-500" : "text-gray-700 hover:text-blue-400"} duration-150 h-4`}
>
<path
fill="currentColor"
d="M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L488 336c13.3 0 24 10.7 24 24s-10.7 24-24 24l-288.3 0c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"
/>
>
<path
fill="currentColor"
d="M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5L488 336c13.3 0 24 10.7 24 24s-10.7 24-24 24l-288.3 0c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5L24 48C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"
/>
</svg>
);
}

10
web/src/layouts/WebLayout.tsx
View File

@ -6,14 +6,8 @@ export default function WebLayout() {
return (
<>
<div className="bg-gray-100 min-h-screen">
<Navigation />
<div className="w-full flex justify-center">
<div className="mx-2 md:mx-0 w-full md:w-1/2 md:pt-14 min-h-screen h-fit border-l border-r border-gray-300 bg-white">
<Outlet />
</div>
</div>
</div>
<Navigation />
<Outlet />
</>
);

8
web/src/pages/Create.tsx
View File

@ -1,8 +0,0 @@
export default function Create() {
return (
<>
<p>Create</p>
</>
);
}

7
web/src/pages/Favorites.tsx
View File

@ -1,7 +0,0 @@
export default function Favorites() {
return (
<>
<p>Favorites</p>
</>
);
}

22
web/src/pages/Home.tsx
View File

@ -1,23 +1,9 @@
import SalmonVideo from "../assets/videos/salmon_video.mp4";
export default function Home() {
return (
<section className="w-full h-fit mb-16">
<div className="relative">
<video autoPlay loop muted playsInline>
<source src={SalmonVideo} type="video/mp4" />
</video>
<h1 className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center
text-white text-3xl w-4/5 font-bold z-10">
Discover Your Next Favorite Meal
</h1>
</div>
<p className="leading-relaxed p-4 my-8">
Welcome to your ultimate recipe hub! Whether you're a seasoned chef or just starting your culinary adventure,
we're here to inspire. Explore thousands of delicious recipes, from quick weeknight dinners to gourmet delights,
all at your fingertips. Find exactly what you're craving with our powerful search and intuitive filters, or
browse our trending dishes for fresh ideas.
</p>
</section>
<>
<p className="text-red-500">Hello world </p>
</>
);
}

23
web/src/pages/NotFound.tsx
View File

@ -1,24 +1,9 @@
import ROUTE_CONSTANTS from "../types/routes";
export default function NotFound() {
return (
<div className="w-full h-[85vh] flex justify-center">
<div className="flex flex-col items-center justify-center gap-y-4">
<div className="flex flex-col items-center justify-center">
<svg
className="h-20 md:h-24 text-blue-700 motion-safe:animate-bounce ease-in-out"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
fill="currentColor"
>
<path d="M288 0L160 0 128 0C110.3 0 96 14.3 96 32s14.3 32 32 32l0 132.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512l309.2 0c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5L320 64c17.7 0 32-14.3 32-32s-14.3-32-32-32L288 0zM192 196.8L192 64l64 0 0 132.8c0 23.7 6.6 46.9 19 67.1L309.5 320l-171 0L173 263.9c12.4-20.2 19-43.4 19-67.1z" />
</svg>
<div className="bg-black size-10 md:size-12 blur rounded-full scale-x-150 scale-y-50 -mt-1 md:-mt-2 opacity-50"></div>
</div>
<h1 className="text-gray-500 text-6xl md:text-8xl font-sans">404</h1>
<p className="text-sm md:text-base text-gray-700">This page could not be found!</p>
<a className="underline text-sm md:text-base text-blue-700" href={ROUTE_CONSTANTS.Home}>Back Home</a>
</div>
</div>
<>
<h1>Not Found!</h1>
</>
);
}

7
web/src/pages/Profile.tsx
View File

@ -1,7 +0,0 @@
export default function Profile() {
return (
<>
<p>Profile</p>
</>
);
}

7
web/src/pages/ShoppingList.tsx
View File

@ -1,7 +0,0 @@
export default function ShoppingList() {
return (
<>
<p>ShoppingList</p>
</>
);
}

8
web/tsconfig.json
View File

@ -1,11 +1,7 @@
{
"files": [],
"references": [
{
"path": "./tsconfig.app.json"
},
{
"path": "./tsconfig.node.json"
}
{ "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" }
]
}