- 🧬 Basic concepts
- 🎭 Versions
- 🛠️ Stack of technologies
- 📧 Contact
- 📝 License
- 🪐 First concept Creating a high-quality application that will combine the modernity of the technology stack with the beauty of modern 3D models.
- 🌌 Second concept Creating a web app which is a PWA, with integration with Telegram Mini-Apps.
- 🌈 Third concept Creating an app as close to a real app as possible, implementing all sorts of linters, Sentry, CI/CD integration using Husky, lint-staged, GitHub hooks, tests, adding Storybook, and deploying it all using Vercel and Chromatic.
- 🌌 Fourth concept Ensuring the app is designed according to FSD architecture and Next.js App Router standards.
- ⚡ Fifth concept AI-generated bilingual audio and 3D models created using Spline 3D design software.
The web application is created in a flexible way and is designed for both desktop and mobile devices. The application has two types: a PWA a Telegram Mini-App. This allows you to develop an application that supports multiple platforms.
Two-voiced voiceovers were generated using AI, and 3D models were created using 🌈Spline in this app. For this application, the following modern development methods and technologies were implemented:
- CI/CD tools including Husky with lint-staged
- GitHub hooks
- Sentry integration
- Customized Jest and Playwright tests
- Storybook hosting via Chromatic
- Vercel deployment with analytics
📖Deployed storybook + chromatic
The app has been configured and integrated into Telegram Mini Apps using Telegram's official 🤖BotFather bot.
- Next.js
- TypeScript
- Styled-Components
- Zustand
- Immer
- Pnpm
- Spline
- Husky
- Lint-staged
- Prettier
- ESlint
- Stylelint
- Scriptlint
- Commitlint
- Knip
- Storybook
- Chromatic
- Vercel
- Jest
- Playwright
- Sentry
Licensed under the MIT License.