A full-stack open-source project that includes:
- 🌐 A landing page for marketing and documentation
- 🖥️ A CLI tool (
create-hem-app) to scaffold projects instantly
A beautifully designed static website built with React + Vite to showcase the CLI and its features.
| Technology | Purpose / Where It's Used |
|---|---|
| React.js | UI library for building reusable components (used in all pages & components) |
| Vite | Fast development build tool (used to scaffold and serve the app) |
| Tailwind CSS | Utility-first CSS framework for styling (used in all components for modern responsive design) |
| React Router | Handles navigation between Home, About, CreateHemApp, etc. |
| Heroicons / Emojis | Visual icons in sections like Features and Hero |
| React Icons | For consistent and scalable icon use (optional alternative to emojis) |
| CSS Modules / SCSS | Scoped styling (optional if you don’t want global Tailwind only) |
| Git + GitHub | Version control and remote repository hosting |
| Netlify / Vercel | Deployment platform for your frontend (free, fast, supports CI/CD) |
| Prettier + ESLint | Code formatting and linting (for clean, consistent code) |
| Figma / Penpot | (Optional) For designing wireframes before implementation |
👉 https://your-landing.vercel.app
cd landing
npm install
npm run devA Node.js CLI tool that scaffolds front-end or full-stack apps in seconds — just like create-react-app.
✨ Features ⚡ Instant project scaffolding 📦 Supports React, Next.js, Tailwind, and more 🧠 Zero-config setup 📁 Auto-installs dependencies and initializes Git
create-hem-landing/
├── public/
│ ├── cli-example.png
│ └── favicon.ico
├── src/
│ ├── components/
│ │ ├── FeaturesSection.jsx
│ │ ├── Footer.jsx
│ │ ├── HeroSection.jsx
│ │ ├── Navbar.jsx
│ │ └── SocialIcons.jsx
│ ├── pages/
│ │ ├── About.jsx
│ │ ├── CreateHemApp.jsx
│ │ └── Home.jsx
│ ├── App.jsx
│ └── index.css
├── .gitignore
├── index.html
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── vite.config.js
bash
cd cli
npm install -g
create-hem-app my-appor use npx
npx create-hem-app my-app
We welcome contributors! Whether you're helping with the landing page or CLI, your help is appreciated.
How to Contribute?
Fork the repo Create a new branch Make your changes Submit a PR
MIT License – see LICENSE for details.