This repo contains the context guide GEMINI.md to build a React Typescript app with Tailwind CSS using Vite. The steps are documented in the guide to help Gemini CLI build the scaffolding of the app.
The final Python script bootstrap_react_ts_tailwind.py is included in this repo.
The generated sample app is in the my-app-3 folder.
A video recording is also available here showcasing the build process starting from scratch to writing a Python script that bootstraps the project with a welcome message in the landing page.
You can also checkout this blog explaining the steps.
Create a web app called my-app that displays the following in the landing page.
"Welcome to my React Typescript app built by Gemini CLI."
Use Vite and Tailwind.
Install Tailwind CSS in the project.
Clean the default CSS files and use Tailwind CSS.
Use Tailwind to design the styles of the landing page and make it appealing.
Follow the steps at @GEMINI.md
Create a Python script that follows the bootstrap steps in creating a React TS Tailwind app.
Refer to @GEMINI.md
python3 bootstrap_react_ts_tailwind.py [app-name]