/lwbp

Primary LanguageTypeScriptMIT LicenseMIT

lightweight_boilerplate

Represents initial solution with minimal functionality like process text and images. It's a starting point includes basic structure and essential components.

Features

  • Playground page
  • Chat page
  • Processing text to text
  • Processing image to text

Tech Stack

Frontend -> read more

  • Next.js: React framework for production-ready applications
  • Tailwind CSS: Utility-first CSS framework
  • shadcn/ui: Beautifully designed components built with Radix UI and Tailwind CSS
  • Vercel AI SDK: AI-powered features integration

Backend -> read more

  • FastAPI: Modern, fast (high-performance) Python web framework
  • Anthropic: AI integration for advanced natural language processing

Creating a Repository

  1. Click the USE THIS TEMPLATE button in the top right
  2. Name your project
  3. The content in the repository will be used for the hackathon

LOCAL usage

For local project installation, you will need:

Your computer

Codespaces

  • At GitHub repository -> Code -> Create codespace on main

1. Installation

  1. Clone the repository
git clone github.com/yourreponame
  1. Frontend folder
make install
  1. Backend folder
make setup

3.1 Paste API KEY to .env file

ANTHROPIC_API_KEY=YOUR_API_KEY

2. Run the full-stack boilerplate

  1. frontend
cd ./frontend/
make dev
  1. backend
cd ./backend/
make dev

DONE

For deployment -> take a look at Frontend README.md & Backend README.md

Structure

root/
│
├── backend/
│   ├── app/
│   │   ├── api/
│   │   │   └── chat.py
│   │   ├── core/
│   │   │   ├── config.py 
│   │   │   └── logging.py
│   │   ├── models/
│   │   │   └── request_models.py
│   │   ├── services/
│   │   │   └── anthropic_service.py
│   │   ├── utils/
│   │   │   └── prompt.py
│   │   └── main.py
│   ├── .env.example
│   ├── docker-compose.yml
│   ├── Dockerfile
│   ├── README.md
│   ├── Requirements.txt
│   └── setup.sh
│
├── frontend/
│   ├── src/
│   │   ├── app/
│   │   ├── shared/
│   │   └── widgets/
│   ├── .env.example
│   ├── components.json
│   ├── package-lock.json
│   ├── package.json
│   ├── postcss.config.mjs
│   ├── README.md
│   ├── tailwind.config.js
│   └── tsconfig.json
│
├── LICENSE
└── README.md