https://github.com/god-fearingcoder01/my-app
Modern Full Stack Project (Practice & Experimenting)
https://github.com/god-fearingcoder01/my-app
ai-models bun concurrently dotenv expressjs husky lint-staged prettier proxy tailwindcss vite
Last synced: 2 months ago
JSON representation
Modern Full Stack Project (Practice & Experimenting)
- Host: GitHub
- URL: https://github.com/god-fearingcoder01/my-app
- Owner: God-FearingCoder01
- Created: 2025-09-10T01:42:28.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-10-01T11:05:23.000Z (9 months ago)
- Last Synced: 2025-10-01T13:07:31.616Z (9 months ago)
- Topics: ai-models, bun, concurrently, dotenv, expressjs, husky, lint-staged, prettier, proxy, tailwindcss, vite
- Language: CSS
- Homepage: https://codewithmosh.com/p/build-ai-powered-apps
- Size: 115 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# my-app
To install dependencies:
```bash
bun install
```
To run:
```bash
bun run index.ts
```
This project was created using `bun init` in bun v1.2.21. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
## Lessons
- Used Bun as a runtime and workspace manager.
- Project structure followed a monorepo setup with two packages: `client` for the frontend and `server` for backend.
- Installed and configured **Bun** and learnt how it simplified management, scripting and TypeScript support compared to Node.js.
- Set up workspaces so both the client and server can share dependencies and can be run together with a single command (concurrently).
- Used **Vite** to scaffold the React frontend.
- Configured a proxy in Vite so the frontend could communicate with the backend during development.
- Integrated **Tailwind CSS** for utility-first styling and added **shadcn/ui** for prebuilt, accessible UI components.
- Added Prettier to automatically format my code and defined consistent formatting rules with a `.prettirrc` file.
- Set up **Husky** and **lint-staged** to run formating checks before each commit ensuring a clean codebase.
- Managed environment variables securely using `.env` files and the _dotenv_ package, and learnt best practices for environment-specific settings.