|
1 |
| -# React + TypeScript + Vite |
2 |
| - |
3 |
| -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. |
4 |
| - |
5 |
| -Currently, two official plugins are available: |
6 |
| - |
7 |
| -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh |
8 |
| -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh |
9 |
| - |
10 |
| -## Expanding the ESLint configuration |
11 |
| - |
12 |
| -If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: |
13 |
| - |
14 |
| -- Configure the top-level `parserOptions` property like this: |
15 |
| - |
16 |
| -```js |
17 |
| -export default tseslint.config({ |
18 |
| - languageOptions: { |
19 |
| - // other options... |
20 |
| - parserOptions: { |
21 |
| - project: ['./tsconfig.node.json', './tsconfig.app.json'], |
22 |
| - tsconfigRootDir: import.meta.dirname, |
23 |
| - }, |
24 |
| - }, |
25 |
| -}) |
| 1 | +# KakomonShare |
| 2 | +学部内で定期試験や課題の過去問を共有し合えるアプリケーションです。詳しい説明は以下のQiita記事で投稿しています。 |
| 3 | + |
| 4 | +TODO: ここにQiitaのURLとアプリのモック画像を貼る |
| 5 | + |
| 6 | +# 環境設定 |
| 7 | +プロジェクトのルートディレクトリに .env ファイルを作成し、以下のように環境変数を設定します。 |
| 8 | +```.env |
| 9 | +// firebaseの環境変数 |
| 10 | +VITE_REACT_APP_FIREBASE_API_KEY="XXXXX" |
| 11 | +VITE_REACT_APP_FIREBASE_AUTH_DOMAIN="XXXXX" |
| 12 | +VITE_REACT_APP_FIREBASE_PROJECT_ID="XXXXX" |
| 13 | +VITE_REACT_APP_FIREBASE_STORAGE_BUCKET="XXXXX" |
| 14 | +VITE_REACT_APP_FIREBASE_MESSAGING_SENDER_ID="XXXXX" |
| 15 | +VITE_REACT_APP_FIREBASE_APP_ID="XXXXX" |
| 16 | +VITE_REACT_APP_FIREBASE_MEASUREMENT_ID="XXXXX" |
| 17 | +
|
| 18 | +// supabaseの環境変数 |
| 19 | +VITE_SUPABASE_URL=https://your-supabase-url.supabase.co |
| 20 | +VITE_SUPABASE_ANON_KEY=your-supabase-api-key |
26 | 21 | ```
|
27 | 22 |
|
28 |
| -- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked` |
29 |
| -- Optionally add `...tseslint.configs.stylisticTypeChecked` |
30 |
| -- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config: |
| 23 | +# 起動方法 |
31 | 24 |
|
32 |
| -```js |
33 |
| -// eslint.config.js |
34 |
| -import react from 'eslint-plugin-react' |
35 |
| - |
36 |
| -export default tseslint.config({ |
37 |
| - // Set the react version |
38 |
| - settings: { react: { version: '18.3' } }, |
39 |
| - plugins: { |
40 |
| - // Add the react plugin |
41 |
| - react, |
42 |
| - }, |
43 |
| - rules: { |
44 |
| - // other rules... |
45 |
| - // Enable its recommended rules |
46 |
| - ...react.configs.recommended.rules, |
47 |
| - ...react.configs['jsx-runtime'].rules, |
48 |
| - }, |
49 |
| -}) |
| 25 | +``` |
| 26 | +git clone https://github.com/hirohiro-sys/ai-kakomon-share.git |
| 27 | +npm i |
| 28 | +npm run dev |
50 | 29 | ```
|
0 commit comments