Telegram store

Telegram bot where you can buy goods using graphic interface.

You can try it by link --> Telegram store bot

Client

Strong sides

• Typesavety
  • wrote on Typescript with strict mode
  • ganarate GraphQL typescript from server GraphQL schema - allow us to synchronice types between client and server
• Light
  • without big ui frameworks - Telegram web view store is a small don't need to bright big ui frameworks like @mui
  • without state managers - react context api + react hooks allow us to manage state for small application
• Modern - all using technologies is popular nowdays

Structure

- packages\client\
- | - certs\ - private dir with SSL certs
- | - prisma\
- | - | - schema.prisma - schema of prisma
- | - src\
- | - | - bot\ -
- | - | - schema\ -
- | - | - server.ts - con
- | - schema.graphql -

Stack

• React
• Typescript
• GraphQL(@graphql-codegen + graphql-request)
• Vite
• Pure.css
• Telegram bot api object(passed with telegram script)

Server

Strong sides

• Seciure - works with HTTPS
• Typesavety
  • wrote on Typescript with strict mode
  • generating GraphQL schema with typesafty library - allow us to synchronice types between server and client
  • Prisma - allow synchonice types between database and server
• Modern - all using technologies is popular nowdays

Structure

- packages\server\
- | - certs\ - private dir with SSL certs
- | - prisma\
- | - | - schema.prisma - schema of prisma
- | - src\
- | - | - bot\ -
- | - | - schema\ -
- | - | - server.ts - con
- | - schema.graphql -

Stack

• Node.js
• Typescript
• GraphQL(@pothos + graphql-yoga)
• Prisma
• fastify
• Telegram bot api(grammy)

Entirament

Project has monorepository structure