https://github.com/balinux/twa-react

https://github.com/balinux/twa-react

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/balinux/twa-react
• Owner: balinux
• Created: 2024-05-16T05:32:16.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T04:00:52.000Z (6 months ago)
• Last Synced: 2024-05-22T17:36:39.186Z (6 months ago)
• Language: TypeScript
• Size: 243 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  

  


  




# Telegram Mini Apps(TMA) + React + TypeScript + Vite

Vite (which means "fast" in French) is a front-end build tool and development server that aims to provide a faster and leaner development experience for modern web projects. We will utilise Vite to create Telegram Mini App example.

This template provides a minimal setup to get TMA working in Vite with React, TypeScript, HMR and some ESLint rules.

## Usage

```bash

# npm

npm install

npm run dev --host

```

```bash

# yarn

yarn

yarn dev --host

```

# Links

- [Doc](https://docs.ton.org/develop/dapps/twa)

- [Example TMA](https://t.me/vite_twa_example_bot/app)

- [Link](https://twa-dev.github.io/vite-boilerplate/)

# Referensi design

[ui Design Haircut](https://assets.materialup.com/uploads/9d045287-8845-4192-a7de-776b86828505/attachment.png)

# example code

```TypeScript

import react, { FC } from 'react'

interface indexprops {

}

const index: FC = ({  }) => {

  return (

    


     index

    

  )

}


export default index;

```

# Ui design

[Ui design](https://www.uplabs.com/posts/hair-salon-mobile-app-ui-design)