Abhishek-Mallick / Abhishek-Mallick/universal-box

[TEMPLATE] - AI/ML Stack (FastAPI + React + HuggingFace)

Open
#233 3 comments 0 reactions 0 assignees View on GitHub
good first issue hacktoberfest
Dominant language
JavaScript
Stars
47
Forks
41
PR merge metrics
No merged PRs in 30d

Description

### What domain will the project template be based on?

Others (please specify in the details)

### If 'Others', please specify the preferred domain.

AI/ML

### Particular directory path for the template.

template/AI-ML/FastAPI-React-HuggingFace/

### What tech stacks do you want to include?

- Backend: FastAPI (Python), HuggingFace Transformers
- Frontend: React (with TypeScript, optional Vite setup)
- Others: Docker, REST API integration between FastAPI and React

### Brief Description

This template scaffolds an end-to-end AI/ML web stack featuring:

- A FastAPI backend for serving machine learning models (integrated with HuggingFace pipelines or custom fine-tuned models).
- A React frontend for providing an interactive web UI for inference and result visualization.
- Configured API routes for model loading, inference, and async processing.
- Prebuilt structure for easy extension with GPU support or external model repositories.

This template will help developers quickly bootstrap AI-driven applications combining inference APIs and modern frontend frameworks using the `universal-box init` command.

### 👀 Have you spent some time checking if this issue has been raised before?

- [x] Yes
- [ ] No

### 🏢 Have you read the Code of Conduct?

- [x] I have read the [Code of Conduct](https://github.com/Abhishek-Mallick/universal-box/blob/main/.github/CODE_OF_CONDUCT.md)

### Would you like to work on this issue?

No

Contributor guide

Open the contributing guide

Research direction

The template should be created in the directory template/AI-ML/FastAPI-React-HuggingFace/. Examine existing templates in the repository to understand the structure. The backend needs FastAPI routes for HuggingFace model inference, and the frontend requires a React app with TypeScript. Integration via REST API and Docker setup must be included. Check the universal-box init command to see how templates are used.

Written by the indexing model from the issue text.

Assessment

Tech stack
docker, fastapi, huggingface, javascript, python, react, typescript
Domain
ai, backend, frontend, full-stack, tooling
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.