Skip to content

hemathens/hem-app-cli

Repository files navigation

GitHub stars Kaggle Profile LinkedIn GitHub

Custom CLI Tool & Landing Page

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

🧾 Landing Page

A beautifully designed static website built with React + Vite to showcase the CLI and its features.


🛠 Tech Stack

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

🚀 Deployed at

👉 https://your-landing.vercel.app


📦 How to Run Locally

cd landing
npm install
npm run dev

💻 CLI Tool – create-hem-app

A 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


📁 Folder Structure

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

📦 How to Run Locally

bash

cd cli
npm install -g
create-hem-app my-app

or use npx

npx create-hem-app my-app

🧪 Want to Contribute?

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


📬 Contact

Twitter Github Linkedin


📜 License

MIT License – see LICENSE for details.