@ouellettec/omlette-project-template v0.3.0
Omlette Project Template
What is this?
This repo is a project template creator that allows you to quickly bootstrap a monorepo for a React frontend with a Firebase backend.
How to use it
No need to download this package, simply run npx @ouellettec/omlette-project-template --interactive in your desired directory and the CLI tool will ask you a few questions and take care of the rest!
Once installed, you can open the [Your Project Name].code-workspace in vs code by selecting File > Open workspace from file. It should open a popup in the bottom right corner of the window asking you to install the workspaces recommended extensions, click "Show Recommendations". Install all the recommendations to insure the project's auto formatters and task runners run during development. If it does not appear, you may already have them all installed.
Check the README.md in the project's root folder for information on the template's setup and npm scripts.
What templates are available?
Currently there is a frontend, backend, and web templates. web will setup both the frontend and backend templates.
In the future, we hope to add a react native template.
What does it setup?
| Feature | Environment ( Frontend / Backend ) | Template ( Frontend, Backend, Web ) |
|---|---|---|
| React ( Using CRA ) | Frontend | Frontend, Web |
| Tailwind CSS | Frontend | Frontend, Web |
| Firebase Functions | Backend | Backend, Web |
| EsLint | Both | All |
| Prettier | Both | All |
| Jest | Both | All |
Developing this Project
- Run
yarnin he root directory to ensure you have the node dependencies installed. - Run
yarn developin the root folder.- You can run
yarn develop --interactiveto start the app in interactive mode. - All the source files are in the
/bindirectory.
- You can run
- To debug the code, add
debuggerto where you want the code to stop. - Open Chrome and navigate to
chrome://inspect/. - Click open
Open dedicated DevTools for Node. - Type
rsinto the terminal to restart nodemon and re-execute the script.
Deploying the Project
- Login to the NPM account with command
npm login --scope=@ouellettec - Run
yarn deploy:checkto ensure the the package has been linted and tested. - Run
yarn deploy:testand check the output to insure the files added are correct. - Delete the
.tgzthat was created. - Increment the NPM version according to semantic versioning.
- Commit the changed npm version.
- Create a new release tag on Github.
- Run
yarn deploy.