🚀 SPA Template with Vanilla TypeScript, Vite, TailwindCSS, Alpine.js, Axios, Nano Stores

Welcome to the SPA Template! This project is designed for quick and easy SPA development, using a powerful tech stack:

• 📝 Vanilla TypeScript for clean, type-safe code.
• ⚡ Vite for a super-fast dev environment.
• 🎨 Tailwind CSS for customizable styling with utility classes.
• 🌿 Alpine.js for minimal, reactive functionality.
• 🔗 Axios for API requests.
• 🌐 Nano Stores for lightweight state management.
• 🌗 Dark Mode with built-in toggling logic.
• 🔐 Authentication & Authorization pre-configured!

🎯 Features

• TypeScript for type safety 🛡️
• Vite for fast builds and hot module replacement 🔥
• Tailwind CSS for rapid, responsive UI design 🎨
• Alpine.js for reactivity and interactivity ⚡
• Axios for handling API requests smoothly 🌐
• Nano Stores for efficient state management 🧠
• Dark Mode toggle feature 🌑/🌞
• Authentication & Authorization out of the box 🔑

⚙️ Getting Started

📦 Prerequisites

Before you start, make sure you have:

• 📦 Node.js (>= 16.x)
• 📦 npm (>= 7.x) or yarn

🛠️ Installation

1. Clone this repo:

   git clone https://github.com/abaworks/vanilla_spa
   cd spa-template

2. Install dependencies:

   npm install

   or using yarn:

   yarn install

🚀 Development

Start the Vite development server:

npm run dev

or

yarn dev

Open the app at http://localhost:3000 🌐 and start building!

🏗️ Build

To generate the production build:

npm run build

or

yarn build

Your files will be generated in the dist folder 📂, ready for deployment.

📚 Documentation

(Add links or information about project documentation here)

🤝 Contributing

We welcome contributions! Please see our Contributing Guidelines for more details.

📄 License

This project is licensed under the MIT License.

🙏 Acknowledgements

• Vite
• TypeScript
• Tailwind CSS
• Alpine.js
• Axios
• Nano Stores

Happy coding! 🎉