Skip to content

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more..

License

Notifications You must be signed in to change notification settings

pankajToday/Vue3-Starter-Template

Repository files navigation

Day Book

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more. pre-configured with ESLint, Prettier, Router and more that makes development experience smooth and enjoyable and also provides a great developer experience. It's a great starting point for building Vue 3 application. so you can focus on building application without worrying about the setup.

To use this template, simply clone the repository and run npm install to install the dependencies. Then, run npm run dev to start the development server.

Name : Day Book used because it is a simple app that helps you keep track of our daily activities of kirana and related stufs. It is a simple app that helps us keep track of our daily sales , purchase and other tasks. main code is not added here because i want to keep it private. so basic template is added here.

Day Book Starter Template

A comprehensive, production-ready Vue 3 project template with pre-configured essential packages, authentication, and responsive layouts. Perfect for quickly bootstrapping modern Vue.js applications with best practices and commonly needed features.

🚀 Features

Pre-configured Pages

  • Welcome/Landing Page
  • Authentication (Login/Sign Up)
  • Dashboard Layout
  • Privacy Policy
  • Terms and Conditions
  • Protected Route System

Core Technical Stack

  • Vue 3 with Composition API
  • Vite for lightning-fast builds
  • Pinia for state management
  • Vue Router with authentication guards
  • SASS for enhanced styling
  • ESLint + Prettier for code quality

Pre-installed Premium Packages

  • UI Components

    • vue3-toastify for notifications
    • vue3-datepicker for date selection
    • vue-multiselect for advanced select inputs
    • Swiper for carousels
    • SweetAlert2 for beautiful alerts
  • Utilities

    • vue3-autocounter for number animations
    • tiny-emitter for event handling
    • Lodash for utility functions
    • jQuery for legacy support
    • TinyMCE Vue integration for rich text editing

Developer Experience

  • 🔧 ESLint + Prettier pre-configured
  • 📱 Mobile-first responsive design
  • 🎨 SASS/SCSS support
  • 🚦 Authentication route guards
  • 📝 Comprehensive documentation

🌟 Why Use This Template?

  • Save Development Time: All essential packages pre-installed and configured
  • Best Practices: Follows Vue 3 and modern web development standards
  • Authentication Ready: Includes working auth system with protected routes
  • Responsive Design: Mobile-first approach with responsive components
  • Production Optimized: Includes optimization configurations for production builds

🛠️ Technical Details

  • Vue 3 Composition API for better code organization
  • Vite for development and building
  • Pinia for state management (next-generation Vuex)
  • Vue Router 4 with navigation guards
  • Modern CSS with SASS and Autoprefixer
  • Comprehensive ESLint and Prettier setup
  • Component library integrations

📚 Getting Started

  1. Clone the repository
  2. Run npm install
  3. Start development server with npm run dev
  4. Build for production with npm run build

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Project Development and Hire me

contact me on my email: [email protected] or [email protected]
or my linkedin profile: https://www.linkedin.com/in/pankaj-kumar-cool

📝 License

MIT Licensed. Free to use for personal and commercial projects.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

About

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more..

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published