Merge pull request #6 from kovarike/website-feature

add new template for backend and update profile dowload fun

README.md

@@ -6,6 +6,7 @@ Clique em New repository secret e adicione um novo segredo com um nome (por exem
 1. **Testar Localmente**: Certifique-se de que sua aplicação funciona conforme esperado localmente com `npm run build` e `npm start` para garantir que não há problemas antes de fazer o deploy.
 
 2. **Integrar com Vercel**:
+
    - **Conectar Repositório**: Conecte seu repositório GitHub à Vercel.
    - **Configurações do Projeto**: Na Vercel, você pode ajustar configurações específicas do projeto se necessário, mas normalmente as configurações padrão funcionam bem.
 

apps/algorithms/public/logo.tsx

@@ -1,17 +1,20 @@
-interface LogoProps extends React.SVGProps<SVGSVGElement> { }
+interface LogoProps extends React.SVGProps<SVGSVGElement> {}
 
 export const Logo: React.FC<LogoProps> = (props: LogoProps) => {
-
-
   return (
-
-    <svg width={150} height={50} className="rounded-md" xmlns="http://www.w3.org/2000/svg" {...props} >
+    <svg
+      width={150}
+      height={50}
+      className="rounded-md"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
       <rect width="100%" height="100%" fill="#000" />
       <text
-        x="50%"  // Centraliza horizontalmente
-        y="50%"  // Centraliza verticalmente
-        textAnchor="middle"  // Alinha o texto ao meio horizontalmente
-        dominantBaseline="middle"  // Alinha o texto ao meio verticalmente
+        x="50%" // Centraliza horizontalmente
+        y="50%" // Centraliza verticalmente
+        textAnchor="middle" // Alinha o texto ao meio horizontalmente
+        dominantBaseline="middle" // Alinha o texto ao meio verticalmente
         fontFamily="Inter, sans-serif"
         fontSize={24}
         fill="#00FF00"
@@ -21,5 +24,5 @@ export const Logo: React.FC<LogoProps> = (props: LogoProps) => {
         </tspan>
       </text>
     </svg>
-  )
+  );
 };

apps/algorithms/public/logoanimated.tsx

@@ -3,7 +3,7 @@
 import { motion, SVGMotionProps } from "framer-motion";
 import React, { useEffect, useState } from "react";
 
-interface LogoProps extends SVGMotionProps<SVGSVGElement> { }
+interface LogoProps extends SVGMotionProps<SVGSVGElement> {}
 
 export const LogoAnimated: React.FC<LogoProps> = (props: LogoProps) => {
   const [mounted, setMounted] = useState(false);
@@ -38,6 +38,3 @@ export const LogoAnimated: React.FC<LogoProps> = (props: LogoProps) => {
     </motion.svg>
   );
 };
-
-
-

apps/algorithms/src/app/layout.tsx

@@ -2,7 +2,6 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 
-
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
@@ -36,7 +35,6 @@ export const metadata: Metadata = {
   },
 };
 
-
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -51,17 +49,29 @@ export default function RootLayout({
         <meta name="author" content="Danilo Silva" />
         <meta property="og:type" content="website" />
         <meta property="og:title" content="Algorithms | Engineering" />
-        <meta property="og:description" content="Explore the world of engineering and technology with Algorithms." />
-        <meta property="og:image" content={`https://algorithmss.com.br/logo.png`} />
+        <meta
+          property="og:description"
+          content="Explore the world of engineering and technology with Algorithms."
+        />
+        <meta
+          property="og:image"
+          content={`https://algorithmss.com.br/logo.png`}
+        />
         <meta property="og:url" content="https://algorithmss.com.br" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:title" content="Algorithms | Engineering" />
-        <meta name="twitter:description" content="Stay informed with the latest trends in engineering." />
-        <meta name="twitter:image" content={`https://algorithmss.com.br/twitter-logo.png`} />
+        <meta
+          name="twitter:description"
+          content="Stay informed with the latest trends in engineering."
+        />
+        <meta
+          name="twitter:image"
+          content={`https://algorithmss.com.br/twitter-logo.png`}
+        />
         <link rel="canonical" href="https://algorithmss.com.br" />
       </head>
 
-      <body className={`${inter.className} bg-zinc-950`} >{children}</body>
+      <body className={`${inter.className} bg-zinc-950`}>{children}</body>
     </html>
   );
 }

apps/algorithms/src/app/page.tsx

@@ -1,5 +1,3 @@
-
-
 import { ContainerFull } from "@/components/containerfull";
 import { Header } from "@/components/header";
 import { Link } from "@/components/link";

apps/algorithms/src/app/profile/page.tsx

@@ -1,8 +1,7 @@
 "use server";
 import React from "react";
-import { v4 as uuidv4 } from 'uuid';
+import { v4 as uuidv4 } from "uuid";
 import { Avatar } from "@/components/avatar";
-import { Container } from "@/components/container";
 import { ContainerFull } from "@/components/containerfull";
 import { Header } from "@/components/header";
 import { Link } from "@/components/link";
@@ -11,17 +10,19 @@ import { Img } from "@/components/img";
 import { ProfileInf } from "./profileinf";
 import { Translate } from "@/components/translate";
 
-
 export default async function Profile() {
   const { profile, social_media } = await ProfileInf();
   const id = uuidv4();
 
+
   return (
     <>
       <ContainerFull>
         <Header />
-        <Container>
-          <div className="flex items-center border-b border-slate-500 py-1" id={id}>
+        <div className="my-0 mx-auto mx-full p-6 bg-white text-slate-800" id={id}>
+          <div
+            className="flex items-center border-b border-slate-500 py-1"
+          >
             <Avatar alt="Danilo" border size="Xlarge" src={profile.src} />
             <div className="text-center mx-auto space-y-4 max-w-auto w-auto">
               <h2 className="text-3xl font-semibold font-algorithms-font">
@@ -64,7 +65,7 @@ export default async function Profile() {
               <Img src={profile.github} alt="github" />
             </div>
           </div>
-        </Container>
+        </div>
       </ContainerFull>
     </>
   );

apps/algorithms/src/app/profile/profileinf.ts

@@ -1,4 +1,4 @@
-"use server"
+"use server";
 
 export async function ProfileInf() {
   const profileInf = {

apps/algorithms/src/app/profile/text.tsx

@@ -1,7 +1,6 @@
-
 import { HTMLAttributes } from "react";
 
-interface TextProps extends HTMLAttributes<HTMLParagraphElement> { }
+interface TextProps extends HTMLAttributes<HTMLParagraphElement> {}
 
 export function Text(props: TextProps) {
   return (

apps/algorithms/src/components/avatar.tsx

@@ -18,11 +18,18 @@ const sizeClasses = {
 export function Avatar({ src, alt, size, border }: AvatarProps) {
   return (
     <div
-      className={`relative inline-flex items-center justify-center ${sizeClasses[size]} ${border ? "border-2 border-gray-300" : ""
-        } rounded-full overflow-hidden bg-gray-200 w-auto`}
+      className={`relative inline-flex items-center justify-center ${sizeClasses[size]} ${
+        border ? "border-2 border-gray-300" : ""
+      } rounded-full overflow-hidden bg-gray-200 w-auto`}
     >
       {src ? (
-        <img src={src} alt={alt} className="object-cover w-full h-full" width={24} height={24} />
+        <img
+          src={src}
+          alt={alt}
+          className="object-cover w-full h-full"
+          width={24}
+          height={24}
+        />
       ) : (
         <span className="text-gray-600">{alt?.charAt(0).toUpperCase()}</span>
       )}

apps/algorithms/src/components/container.tsx

@@ -1,10 +1,12 @@
 interface ContainerProps {
   children?: React.ReactNode;
+
+
 }
 
-export function Container({ children }: ContainerProps) {
+export function Container({ children}: ContainerProps) {
   return (
-    <div className="my-0 mx-auto mx-full p-6 bg-white text-black">
+    <div className="my-0 mx-auto mx-full p-6 bg-zinc-950 text-white" >
       {children}
     </div>
   );

apps/algorithms/src/components/containerfull.tsx

@@ -4,7 +4,7 @@ interface ContainerProps {
 
 export function ContainerFull({ children }: ContainerProps) {
   return (
-    <div className="w-full px-4 sm:px-6 md:px-8 lg:px-10 xl:px-12 mx-auto max-w-7xl h-screen">
+    <div className="w-full px-4 sm:px-6 md:px-8 lg:px-10 xl:px-12 mx-auto max-w-7xl h-screen bg-zinc-950 text-white">
       {children}
     </div>
   );

apps/algorithms/src/components/download.tsx

@@ -1,20 +1,18 @@
-"use client"
+"use client";
 import { ArrowDownToLine } from "lucide-react";
-import { toPng } from 'html-to-image';
+import { toPng } from "html-to-image";
 
 interface PropsDownload {
-  id: string,
-
+  id: string;
 }
 
-
 export function Download({ id }: PropsDownload) {
   const download = async () => {
     const svgElement = document.getElementById(id); // Usando o id para acessar o SVG
     if (svgElement) {
       try {
         const dataUrl = await toPng(svgElement);
-        const link = document.createElement('a');
+        const link = document.createElement("a");
         link.href = dataUrl;
         link.download = `${id}.png`;
         document.body.appendChild(link);

apps/algorithms/src/components/header.tsx

@@ -1,13 +1,11 @@
 import { Logo } from "../../public/logo";
 
-
 interface HeaderProps {
   children?: React.ReactNode;
 }
 
 export function Header({ children }: HeaderProps) {
   return (
-
     <header className="bg-zinc-950 text-white py-5 text-center my-0  w-full px-4 sm:px-6 md:px-8 lg:px-10 xl:px-12 mx-auto max-w-7xl max-h-20">
       <h1 className="flex text-3xl justify-center items-center font-bold">
         <Logo />

apps/algorithms/src/components/img.tsx

@@ -12,7 +12,14 @@ interface ImgProps extends HTMLAttributes<HTMLImageElement> {
 export function Img({ src, props, alt, height, width }: ImgProps) {
   return (
     <>
-      <img src={src} alt={alt} {...props} height={height} width={width} className="object-cover" />
+      <img
+        src={src}
+        alt={alt}
+        {...props}
+        height={height}
+        width={width}
+        className="object-cover"
+      />
     </>
   );
 }

apps/algorithms/src/components/translate.tsx

@@ -4,26 +4,17 @@ import { Download } from "./download";
 import React from "react";
 
 interface PropsTranslate {
-  id: string,
-
+  id: string;
 }
 
 export function Translate({ id }: PropsTranslate) {
-
-
   return (
     <div className="max-w-20 w-20">
       <div className="flex items-center mx-auto my-0">
-        <button
-
-          className="w-7 h-7 px-1 text-gray-600 bg-algorithms-color/20 hover:bg-algorithms-color/45 rounded-l-md text-center"
-        >
+        <button className="w-7 h-7 px-1 text-gray-600 bg-algorithms-color/20 hover:bg-algorithms-color/45 rounded-l-md text-center">
           pt
         </button>
-        <button
-
-          className="w-7 h-7 px-1 text-gray-600 bg-algorithms-color/20 hover:bg-algorithms-color/45 text-center"
-        >
+        <button className="w-7 h-7 px-1 text-gray-600 bg-algorithms-color/20 hover:bg-algorithms-color/45 text-center">
           en
         </button>
         <Download id={id} />

apps/engine/.gitignore

@@ -1,7 +1,5 @@
-# prod
-dist/
-
 # dev
+.vercel/
 .yarn/
 !.yarn/releases
 .vscode/*
@@ -13,12 +11,10 @@ dist/
 
 # deps
 node_modules/
-.wrangler
 
 # env
 .env
 .env.production
-.dev.vars
 
 # logs
 logs/

apps/engine/README.md

@@ -1,8 +1,4 @@
 ```
 npm install
-npm run dev
-```
-
-```
-npm run deploy
+npm run start
 ```

apps/engine/api/index.ts

@@ -0,0 +1,14 @@
+import { Hono } from "hono";
+import { handle } from "hono/vercel";
+
+export const config = {
+  runtime: "edge",
+};
+
+const app = new Hono().basePath("/api");
+
+app.get("/", (c) => {
+  return c.json({ message: "Hello Hono!" });
+});
+
+export default handle(app);

apps/engine/package.json

@@ -1,17 +1,13 @@
 {
-  "name": "@algorithms/engine",
+  "name": "engine",
   "scripts": {
-    "dev": "wrangler dev src/index.ts",
-    "deploy": "wrangler deploy --minify src/index.ts"
+    "start": "vercel dev",
+    "deploy": "vercel"
   },
   "dependencies": {
-    "@hono/zod-openapi": "^0.16.0",
-    "@hono/zod-validator": "^0.2.2",
-    "hono": "^4.5.11",
-    "zod": "^3.23.8"
+    "hono": "^4.5.11"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20240529.0",
-    "wrangler": "^3.57.2"
+    "vercel": "^32.4.1"
   }
-}
+}