create-react-my-app 1.0.0

package/cli/index.js

@@ -0,0 +1,77 @@
+#!/usr/bin/env node
+
+import fs from "fs-extra";
+import path from "path";
+import { fileURLToPath } from "url";
+import inquirer from "inquirer";
+import chalk from "chalk";
+import { execa } from "execa";
+import ora from "ora";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+console.log(
+  chalk.cyan(`
+╔══════════════════════════════╗
+║     CREATE MY REACT APP     ║
+╚══════════════════════════════╝
+`)
+);
+
+async function main() {
+  const answers = await inquirer.prompt([
+    {
+      type: "input",
+      name: "projectName",
+      message: "Project name:",
+      default: "my-app"
+    }
+  ]);
+
+  const projectName = answers.projectName;
+
+  const targetDir = path.join(process.cwd(), projectName);
+
+  const templateDir = path.join(__dirname, "../template");
+
+  // Copy files
+  const copySpinner = ora("Creating React application...").start();
+
+  await fs.copy(templateDir, targetDir);
+
+  copySpinner.succeed("Project files created");
+
+  // Install frontend
+  const frontendSpinner = ora("Installing frontend dependencies...").start();
+
+  await execa("npm", ["install"], {
+    cwd: path.join(targetDir, "frontend"),
+    stdio: "ignore"
+  });
+
+  frontendSpinner.succeed("Frontend dependencies installed");
+
+  // Install backend
+  const backendSpinner = ora("Installing tailwind dependencies...").start();
+
+  await execa("npm", ["install"], {
+    cwd: path.join(targetDir, "backend"),
+    stdio: "ignore"
+  });
+
+  backendSpinner.succeed("tailwind dependencies installed");
+
+  console.log(chalk.green(`
+✔ Application created successfully!
+`));
+
+  
+}
+
+main();
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "create-react-my-app",
+  "version": "1.0.0",
+  "description": "CLI tool to create fullstack React applications",
+  "type": "module",
+  "bin": {
+    "create-react-my-app": "cli/index.js"
+  },
+  "files": [
+    "cli",
+    "template"
+  ],
+  "keywords": [
+    "react",
+    "cli",
+    "scaffold",
+    "vite",
+    "tailwind"
+  ],
+  "author": "Cyubahiro Derrick",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "execa": "^9.6.1",
+    "fs-extra": "^11.3.5",
+    "inquirer": "^13.4.3",
+    "ora": "^8.2.0"
+  }
+}

package/template/backend/config/db.js

@@ -0,0 +1,21 @@
+const mysql = require('mysql2');
+const dotenv = require('dotenv');
+
+dotenv.config();
+
+const db = mysql.createConnection({
+  host: process.env.DB_HOST || 'localhost',
+  user: process.env.DB_USER || 'root',
+  database: process.env.DB_NAME || 'sims',
+  password: process.env.DB_PASSWORD || '',
+});
+
+db.connect((err) => {
+  if (err) {
+    console.error('Database connection failed:', err.message);
+  } else {
+    console.log('Connected to database');
+  }
+});
+
+module.exports = db;

package/template/backend/controllers/authcontroller.js

@@ -0,0 +1,81 @@
+const bcrypt = require('bcrypt');
+const db = require('../config/db');
+
+const createUser = (req, res) => {
+  const { username, password } = req.body;
+  const role = req.body.role || 'user';
+
+  if (!username || !password) {
+    return res.status(400).json({ message: 'Username and password are required' });
+  }
+
+  if (username.length < 2) {
+    return res.status(400).json({ message: 'Username must be at least 2 characters' });
+  }
+
+  const hashedPassword = bcrypt.hashSync(password, 10);
+  const query = 'INSERT INTO users (username, password, role) VALUES (?, ?, ?)';
+
+  db.query(query, [username, hashedPassword, role], (err, result) => {
+    if (err) {
+      if (err.code === 'ER_DUP_ENTRY') {
+        return res.status(409).json({ message: 'Username already exists' });
+      }
+      console.error(err);
+      return res.status(500).json({ message: 'Internal server error' });
+    }
+
+    req.session.user = { id: result.insertId, username, role };
+    return res.status(201).json({ message: 'Account created successfully', data: req.session.user });
+  });
+};
+
+const login = (req, res) => {
+  const { username, password } = req.body;
+
+  if (!username || !password) {
+    return res.status(400).json({ message: 'Username and password are required' });
+  }
+
+  const query = 'SELECT * FROM users WHERE username = ?';
+
+  db.query(query, [username], (err, result) => {
+    if (err) {
+      console.error(err);
+      return res.status(500).json({ message: 'Internal server error' });
+    }
+
+    if (result.length === 0) {
+      return res.status(401).json({ message: 'Invalid credentials' });
+    }
+
+    const user = result[0];
+
+    bcrypt.compare(password, user.password, (compareErr, isMatch) => {
+      if (compareErr) {
+        console.error(compareErr);
+        return res.status(500).json({ message: 'Internal server error' });
+      }
+
+      if (!isMatch) {
+        return res.status(401).json({ message: 'Invalid credentials' });
+      }
+
+      req.session.user = { id: user.id, username: user.username, role: user.role };
+      return res.status(200).json({ message: 'Login successful', data: req.session.user });
+    });
+  });
+};
+
+const logout = (req, res) => {
+  req.session.destroy((err) => {
+    if (err) {
+      console.error(err);
+      return res.status(500).json({ message: 'Internal server error' });
+    }
+    res.clearCookie('ui_kit_session');
+    return res.status(200).json({ message: 'Logout successful' });
+  });
+};
+
+module.exports = { createUser, login, logout };

package/template/backend/controllers/reportcontroller.js

@@ -0,0 +1,31 @@
+const db = require('../config/db');
+
+const getReportByDate = (req, res) => {
+  const { date } = req.query;
+
+  if (!date) {
+    return res.status(400).json({ message: 'Date parameter is required (YYYY-MM-DD)' });
+  }
+
+  const query = `
+    SELECT id, title, category, amount, report_date, created_at
+    FROM report_entries
+    WHERE report_date = ?
+    ORDER BY created_at DESC
+  `;
+
+  db.query(query, [date], (err, result) => {
+    if (err) {
+      console.error(err);
+      return res.status(500).json({ message: 'Internal server error' });
+    }
+
+    return res.status(200).json({
+      message: `Report generated for ${date}`,
+      data: result,
+      date,
+    });
+  });
+};
+
+module.exports = { getReportByDate };

package/template/backend/database/schema.sql

@@ -0,0 +1,21 @@
+CREATE DATABASE IF NOT EXISTS ui_kit_demo;
+USE ui_kit_demo;
+
+CREATE TABLE IF NOT EXISTS users (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  username VARCHAR(255) NOT NULL UNIQUE,
+  password VARCHAR(255) NOT NULL,
+  role VARCHAR(50) NOT NULL DEFAULT 'user',
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+CREATE TABLE IF NOT EXISTS report_entries (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  title VARCHAR(255) NOT NULL,
+  category VARCHAR(100) NOT NULL,
+  amount DECIMAL(10, 2) NOT NULL,
+  report_date DATE NOT NULL,
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+

package/template/backend/middleware/authentication.js

@@ -0,0 +1,10 @@
+const isauthenticated = (req,res,next)=>{
+    if(req.session && req.session.user){
+        return next();
+    }
+
+    return res.status(401).json({message:"Unauthorized"});
+}
+
+
+module.exports = isauthenticated;