Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial Setup #1

Merged
merged 1 commit into from
Oct 18, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
76 changes: 0 additions & 76 deletions CHECKLIST.md

This file was deleted.

95 changes: 7 additions & 88 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,91 +1,10 @@
# React Base App
# AI CHATBOT CMS

React base app with some oompf
The AI chatbot will be white-labeled, allowing for full customization to meet the needs of any company. The chatbot will be integrated with Facebook Messenger, WhatsApp, and a custom chat window that can be embedded into company websites.

## What is included?
Useful Resources and Links

### Vite

- Sourcemaps are generated on production build
- `tsc`, `eslint` and `stylelint` are run on production build.
- All of the assets will be compressed on production build.
- The build is be placed under `build/` directory

### React

- Vite is configured with React Refresh
- SWC is used instead of Babel

### PostCSS

PostCSS is configured with the following plugins:

- Preset Env
- Nested CSS
- Normalize CSS
- Autoprefixer
- CSS Modules

### Web Fonts

- Web fonts are downloaded and bundled in the production build.
- Valid web font providers are:
- Google Fonts
- Bunny Fonts
- Fontshare

### SVG Imports

- SVGR handles all type of SVG and transforms it into a React component.

### Absolute Imports

- Vite is configured to resolve absolute imports defined on `tsconfig.json`

### Environment Variables

Only environment variables prefixed by `APP_` will be passed to the application

Variables can be defined using:

- `.env` file
- Use `.env` file to define secrets.
- `docker-compose` file
- Use `docker-compose` file to define rest of the env variables.

The user defined environment variables are validated using the configuration at `./env.ts`
The typings for environment variables are defined at `./src/declarations/env.d.ts`.

### Git Revision

The commit hash is passed to the application through the environment variable `APP_COMMIT_HASH`

### Test

- `vitest` is used to run tests

### Checks

- `stylelint` is used to lint css files
- `eslint` is used to lint javascript and typescript files
- `tsc` is used to typecheck typescript files
- `knip` to used to detect unused javascript and typescript files

### Docker

Docker is setup to run vite on port 3000

### Github Actions

- A workflow is setup to run when:
- new commit is pushed to develop branch
- or a pull request to develop branch is opened
- It checks for unused files, lint issues, failed tests and failed builds.

### Pull Request Template

- A generic pull request template is included.

## What needs to be included?

[Checklist](CHECKLIST.md)
* Board board: https://github.com/orgs/toggle-corp/projects/36
* Timeline:
* Figma:
* Local Deployment:
Loading