🌐 WebForge - Create My App CLI 🚀
Welcome to WebForge! 🎉
A powerful CLI tool crafted by whoviks to effortlessly scaffold your projects. From frontend to full-stack magic, WebForge has got you covered! 🔥
📂 Project Structure
📦 src
┣ 📜backend.js
┣ 📜banner.js
┣ 📜cli.js
┣ 📜features.js
┣ 📜frontend.js
┗ 📜utils.js
┣ 📜package.json
┗ 📜README.md
✨ Key Features
✅ Frontend Options: React (Vite) or Next.js
✅ Full-stack: MERN (MongoDB) or PERN (PostgreSQL)
✅ Backend Options: Express with MongoDB/PostgreSQL, plus optional EJS
✅ Bonus Goodies: Docker 🐳, CORS 🌐, GraphQL 📊, .env 🔑
✅ Developer Delight: Auto-opens VS Code right into your new project! 🎉
🚀 Usage Example
To start scaffolding your next awesome project, simply run:
npm create webforge-app
Example Output
██╗ ██╗███████╗██████╗ ███████╗ ██████╗ ██████╗ ██████╗ ███████╗
██║ ██║██╔════╝██╔══██╗██╔════╝██╔═══██╗██╔══██╗██╔════╝ ██╔════╝ webforge cli
██║ █╗ ██║█████╗ ██████╔╝█████╗ ██║ ██║██████╔╝██║ ███╗█████╗ ver - 1.0.0
██║███╗██║██╔══╝ ██╔══██╗██╔══╝ ██║ ██║██╔══██╗██║ ██║██╔══╝ ----------
╚███╔███╔╝███████╗██████╔╝██║ ╚██████╔╝██║ ██║╚██████╔╝███████╗ @ Whoviks
╚══╝╚══╝ ╚══════╝╚═════╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚══════╝
🚀 Welcome to webforge by whoviks! Forge your web app with ease! 🌟
? Enter your project name (press Enter or type '.' for 'npm-pack'): 📁 test-app
📂 Forging project at 'PATH/test-app'...
? Select your language: 💻 JavaScript
? What type of web project do you want? 🛠️ MERN Stack
🌟 Setting up frontend in '/PATH/test-app/frontend'...
> create-webforge-app@1.0.0 npx
> create-vite . --template react
│
◇ Scaffolding project in PATH/test-app/frontend...
│
└ Done. Now run:
npm install
npm run dev
✔ Vite setup completed!
🌐 Setting up backend in 'PATH/test-app/backend'...
✔ package.json initialized!
✔ Express installed!
✔ MongoDB (mongoose) installed!
✔ MongoDB configured!
✔ Server file (server.js) created!
✔ package.json scripts updated!
? Add extra features to your forge:
🧰 Docker 🐳, CORS 🌐, GraphQL 📊, Environment Variables (.env) 🔑
✔ Environment variables (.env) configured!
✔ CORS installed and configured!
✔ GraphQL installed and configured!
✔ Docker configured!
✔ Additional dependencies installed!
? Initialize a Git repository? 📚 Yes
✅ Git repository initialized!
🎉 Project 'test-app' forged successfully! 🚀
**Instructions**:
- Frontend: cd test-app/frontend && npm install && npm run dev
- Backend: cd test-app/backend && npm install && npm run start
👨💻 Opening 'PATH/test-app' in VS Code...
✔ VS Code opened successfully!
🤝 Contributing
We ❤️ contributions! Whether it's fixing bugs, adding features, or improving documentation, your input is valuable.
How to Contribute
- Fork the repository
- Create a feature branch:
git checkout -b feature/your-awesome-feature
- Commit your changes:
git commit -m "Add: Your detailed message"
- Push to your branch:
git push origin feature/your-awesome-feature
- Open a Pull Request
💡 Future Roadmap
🔮 Add more frameworks like Svelte & Solid.js
🔮 Built-in template support for Tailwind & Chakra UI
🔮 Generate CI/CD pipelines (GitHub Actions) automatically
📄 License
This project is licensed under the MIT License. See the LICENSE file for details.
Happy Building! 💻✨