https://github.com/bomjkee/hackathon-app
Фронтенд часть проекта HackathonMiniApp на React + TS
https://github.com/bomjkee/hackathon-app
rea react-hook-form react-hooks react-router typ zod
Last synced: 3 months ago
JSON representation
Фронтенд часть проекта HackathonMiniApp на React + TS
- Host: GitHub
- URL: https://github.com/bomjkee/hackathon-app
- Owner: bomjkee
- Created: 2025-02-22T20:54:02.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-31T02:32:15.000Z (3 months ago)
- Last Synced: 2025-03-31T03:27:04.053Z (3 months ago)
- Topics: rea, react-hook-form, react-hooks, react-router, typ, zod
- Language: TypeScript
- Homepage:
- Size: 51.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hackathon Frontend
Современное веб-приложение для хакатона, построенное с использованием React, TypeScript и Vite.
## 🚀 Технологии
- React 18
- TypeScript
- Vite
- ESLint
- Ant Design
- React Router DOM
- React Query (TanStack Query)
- React Hook Form
- Zod (валидация)
- Axios
- Framer Motion
- Telegram Apps SDK
- date-fns
- Heroicons
## 📋 Предварительные требования
- Node.js 18 или выше
- npm или yarn
## 🛠 Установка и запуск
1. Клонируйте репозиторий:
```bash
git clone
cd hackathon-app
```
2. Установите зависимости:
```bash
npm install
# или
yarn install
```
3. Запустите приложение в режиме разработки:
```bash
npm run dev
# или
yarn dev
```
4. Для сборки проекта:
```bash
npm run build
# или
yarn build
```
## 🔧 Структура проекта
```
hackathon-app/
├── src/ # Исходный код
│ ├── components/ # React компоненты
│ ├── pages/ # Страницы приложения
│ ├── hooks/ # Хуки
│ ├── types/ # TypeScript типы
│ └── utils/ # Вспомогательные функции
├── public/ # Статические файлы
├── package.json # Зависимости и скрипты
├── vite.config.ts # Конфигурация Vite
└── tsconfig.json # Конфигурация TypeScript
```
## 📝 Скрипты
- `npm run dev` - Запуск в режиме разработки
- `npm run build` - Сборка проекта
- `npm run preview` - Предпросмотр собранного проекта
- `npm run lint` - Проверка кода линтером
## 🔍 Линтинг
Проект использует ESLint для проверки кода. Конфигурация находится в файле `eslint.config.js`.
## 📱 Адаптивный дизайн
Приложение полностью адаптивно и корректно отображается на всех устройствах.
## 📝 Лицензия
MIT License