Clark AI is your personal study sidekick. Upload PDFs, chat with AI, make quizzes & flashcards, collaborate with friends, and actually enjoy learning again.ain.
- PDF to Interactive Content
- Summarize PDFs
- Generate PDFS
- Generate Flashcards
- Generate Quizes
- Use tags to access all features
- Node.js (v18 or later recommended)
- npm (v9 or later) or yarn (v1.22 or later)
- Git (for version control)
- Set up environment variables:
Create a
.env.localfile in the root directory and add the following:
NEXT_PUBLIC_API_BASE_URL=your_api_base_url_here
NEXT_PUBLIC_API_BASE_URL_TWO=your_second_api_base_url_here
NEXT_PUBLIC_GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret
NEXTAUTH_URL=http://localhost:3000
NEXT_PUBLIC_GOOGLE_API_KEY=your_google_api_key
# Optional, if your setup uses it
NEXT_PUBLIC_ACCESS_TOKEN=your_access_token
# Keep secrets in .env.local and never commit real values- Run the development server:
npm run dev
# or
yarn devv- Open your browser: Visit http://localhost:3000 to see the application in action.
- Next.js 15
- TypeScript
- Tailwind CSS
clarkai-fe/
├── public/ # Static files
├── src/
│ ├── app/ # Next.js app directory
│ │ ├── (auth)/ # Authentication pages
│ │ ├── api/ # API routes
│ │ ├── dashboard/ # Main application pages
│ │ └── layout.tsx # Root layout
│ │
│ ├── components/ # Reusable components
│ │ ├── ui/ # UI components
│ │ ├── layout/ # Layout components
│ │ └── shared/ # Shared components
│ │
│ ├── config/ # Configuration files
│ ├── constants/ # Application constants
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Utility functions
│ ├── services/ # API services
│ ├── store/ # State management
│ ├── styles/ # Global styles
│ └── types/ # TypeScript type definitions
│
├── .eslintrc.js # ESLint configuration
├── .gitignore # Git ignore file
├── next.config.js # Next.js configuration
├── package.json # Project dependencies
└── tsconfig.json # TypeScript configuration
# TypeScript configuration
Run the test suite with:
npm test
# or
yarn testCreate an optimized production build:
npm run build
# or
yarn buildd
![@vercel[bot]](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACYUlEQVR4nOyav64xXRTGNyYjERHCNG5AQjEFBYXCBYhaKHRKkcwVUGg0NCoXoNJIREejoFAoNFPqRqOQwyDry5azv+I978l5jzHW/Nm/RDmT5/nZ1ppAIIQAcS9nL3YCbLgA7ADYcAHYAbDhArADYMMFYAfAhgvADoANF4AdABsuADsANqgCarUakWUZM8IDwHhFIhHQNA1UVYVgMIiSgRDygSag1+sBo9PpuEtAPB6Hy+Xyv4DT6QTRaNQ9AgaDAfxJt9t1hwBZluF+v38RoOs6JBIJ5wtYLBZfyjOm06mzBVQqlW/LM4rFojMFSJIEh8PhRwH7/R7C4bDzBAyHwx/LM/r9vrMEpNPpvw6+77her5BKpZwjYDKZ/HN5xmg0coaAXC73q3efcbvdHivT1gK8Xi+s1+tfl2fQlenxeOwroNVqPV2eoSiKPQXQo0+PsVHoQDTxo2CegNlsZrg8Yzwe20tAPp9/WXkKHaKZTMYeAujg22w2LxVAWS6XZgzE1wuo1+svL8+oVqvWFuD3+x/P8mahqir4fD7rCqDP8GbTbretKaBQKJheHj4HYjabtZYAQRBgu92+RQBltVo9hq1lBJTL5beVZ5RKJWsIEEURdrvd2wXQVfuCgWhcQLPZfHt5Bl25qAIkSYLj8YgmQNM0o1+ffRj6bVBRFBIKhYzcwhCxWIw0Gg1D9xCevTAQCJBkMknm87mhAEaRZZmIokh0XX/qes/nUXAr/N/iXAB2AGy4AOwA2HAB2AGw4QKwA2DDBWAHwIYLwA6ADReAHQAb1wsQCCFn7BCInP8LAAD//35wIOMP09ciAAAAAElFTkSuQmCC){kind=small}