Scribble
Project Overview
Smart Solutions for Your Business Needs Invoice Simplified
App.jsx
1"use client"
2import { Button } from "@/components/ui/button";
3import Image from "next/image";
4import Header from "./_components/Header";
5import Hero from "./_components/Hero";
6import { useKindeBrowserClient } from "@kinde-oss/kinde-auth-nextjs";
7import { useEffect } from "react";
8import Features from "./_components/Features";
9import Footer from "./_components/Footer";
10
11export default function Home() {
12
13 const {user} = useKindeBrowserClient();
14
15 useEffect(()=>{
16console.log("User Details : ", user)
17 },[[user]])
18
19 return (
20 <div>
21 <Header />
22 <Hero />
23 <Features />
24 <Footer />
25 </div>
26 );
27}Technology Stack
Next JS
TypeScript
Shadcn
ConvexDB
Next Auth
Tailwind
Key Features
- Built a high-performance document and diagram engineering tool that enables users to efficiently edit, organize, and manage digital content, achieving 40% faster load times.
- Implemented secure user authentication with Kinde, reducing security vulnerabilities by 30%.
- Responsive design for all devices
- Optimized UI/UX with Shadcn and TypeScript, boosting user engagement by 25%.
- CI/CD Pipeline with Github Actions