Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codyguru/chat-ai-board
AI Chat board with mock response
https://github.com/codyguru/chat-ai-board
react18 tailwind typescript
Last synced: about 1 month ago
JSON representation
AI Chat board with mock response
- Host: GitHub
- URL: https://github.com/codyguru/chat-ai-board
- Owner: codyguru
- Created: 2024-12-03T16:57:42.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-03T17:21:18.000Z (about 2 months ago)
- Last Synced: 2024-12-03T17:27:12.139Z (about 2 months ago)
- Topics: react18, tailwind, typescript
- Language: TypeScript
- Homepage: https://ai-chat-board.vercel.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Demo UI
## Features
- ⚡️ [React 18](https://beta.reactjs.org/)
- 🦾 TypeScript, of course
- 🫀 [Vitest](https://vitest.dev/) - unitary testing made easy
- 🎨 [Tailwind with JIT](https://tailwindcss.com/) - next generation utility-first CSS
- 👑 [Atomic Design organization](https://bradfrost.com/blog/post/atomic-web-design/)
- 🗂 [Absolute imports](https://github.com/vitejs/vite/issues/88#issuecomment-762415200)
- 😃 [Hero icons](https://heroicons.com/)
- ☁️ Deploy on Netlify, zero-config
### Coding Style
- [ESLint](https://eslint.org/) - configured for React/Hooks & TypeScript
- [Prettier](https://prettier.io/)
### Dev tools
- [TypeScript](https://www.typescriptlang.org/)
- [Commit lint](https://github.com/conventional-changelog/commitlint) - helps your team adhering to a commit convention
- [Netlify](https://www.netlify.com/) - zero-config deployment
## Usage
### Development
Just run and visit http://127.0.0.1:3000/
```bash
yarn dev
```
### Build
To build the App, run
```bash
yarn build
```
And you will see the generated file in `dist` that ready to be served.
### Deploy on Netlify
Go to [Netlify](https://app.netlify.com/start) and select your repository, `OK` along the way, and your App will be live in a minute.
### Issues
#### Husky
If pre-commit hooks are not working be sure that you have installed husky: `husky install`.
By default this command should be triggered after yarn/npm deps are installed.
## Why
I have created several React apps recently. Setting the configs up is kinda the bottleneck for me to make the ideas simply come true within a very short time.
So I made this starter template for myself to create apps more easily, along with some good practices that I have learned from making those apps. Feel free to tweak it or even maintains your own forks.