Algo8 Starter FE

🚀 Quickly scaffold a React frontend project with essential dependencies and utilities.

This CLI tool helps you create a React project using Vite and optionally install a curated set of commonly used frontend packages.

Installation & Usage

You don’t need to install globally. Just run:

npx algo8-starter-fe

This will launch the interactive CLI.

Steps:

1. Enter your project name (or . for current folder).
2. Confirm creation of the React project.
3. Choose whether to install all additional packages, pick individually, or skip.
4. Wait while your project and selected packages are installed.

After completion, the CLI will show next steps:

cd your-project-name
npm run dev

Your project is ready to run in development mode.

What You Get

1. React + Vite Project

• React
• React DOM
• Vite (React template)

2. Optional Packages

You can choose to install the following:

Material UI + Emotion

• @mui/material
• @mui/icons-material
• @mui/x-date-pickers
• @emotion/react
• @emotion/styled

Form Handling

• formik
• yup

Utilities

• axios (HTTP client)
• dayjs (date manipulation)
• moment-timezone
• js-cookie

Routing & UI Helpers

• react-router-dom
• react-hot-toast
• react-date-range

All packages are installed sequentially, and the CLI shows which package is being installed in real-time.

Features

• Big colorful ALGO8 banner in CLI
• Interactive prompts for project setup
• Custom infinity spinner while installing packages
• Sequential installation to prevent conflicts
• Works with npx – no global installation required

Requirements

• Node.js v18+ recommended
• NPM v9+ recommended

License

MIT License

Enjoy building your React projects faster with Algo8 Starter FE! 🚀