Git Product home page Git Product logo

giauphan / laravel-vue-tailwind Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 717 KB

This repository contains a starter template for setting up a web application using Laravel 11, Vue.js, and Tailwind CSS.

License: MIT License

PHP 55.41% JavaScript 1.20% CSS 0.03% Vue 43.00% Blade 0.37%
laravel-11 tailwindcss vue3 setup-laravel-vue3-tailwind admin-panel authentication pannel php vite htaccess-laravel websites

laravel-vue-tailwind's Introduction

Laravel Vue Tailwind Setup

This repository contains a starter template for setting up a web application using Laravel, Vue.js, and Tailwind CSS.

Features

  • Laravel 11.x
  • Vue.js 3.x
  • Tailwind CSS 3.x

Requirements

  • PHP >= 8.2
  • Composer
  • Node.js & npm
  • Git

Setup Instructions

  1. Clone the repository:

    git clone https://github.com/giauphan/laravel-vue-tailwind

    Navigate into the project directory

     cd laravel-vue-tailwind
    

Install PHP dependencies

composer install

Install JavaScript dependencies

npm install

Compile assets

npm run dev

Set up environment variables

Duplicate the .env.example file and rename it to .env.

Generate an application key

php artisan key:generate

Configure your database connection in the .env file.

Run migrations (if using a database)

php artisan migrate

Start the development server

php artisan serve

Access your application

Open your web browser and navigate to http://localhost:8000.

Deployment

To deploy your application, you can use various hosting platforms such as:

Ensure that you set up appropriate deployment scripts and configurations for your chosen platform.

Contributing

Contributions are welcome! Feel free to submit issues and pull requests.

License

This project is open-sourced software licensed under the MIT license.

laravel-vue-tailwind's People

Contributors

giauphan avatar

Stargazers

Joseph Harris avatar  avatar

Watchers

 avatar

laravel-vue-tailwind's Issues

[Wip] Feat pannel admin

Is your feature request related to a problem? Please describe.
Currently, navigating through the admin panel can be confusing and time-consuming due to the lack of organized flows for different tasks. It's challenging to find specific features or settings efficiently, leading to frustration and decreased productivity for administrators.

Describe the solution you'd like
I would like to see a well-defined flow structure implemented in the admin panel. This structure should categorize features and settings into logical groups, making it easier for administrators to locate and access the tools they need. Additionally, incorporating intuitive navigation elements such as breadcrumbs or a sidebar menu would further enhance usability.

Describe alternatives you've considered
One alternative is to rely solely on a search function within the admin panel. While this can help locate specific features, it may not provide a comprehensive solution for users who prefer navigating through menus. Another option is to customize the layout of the admin panel according to individual user preferences, but this could be complex to implement and maintain.

Additional context
It would be helpful to gather feedback from administrators during the design and development process to ensure that the proposed flow structure meets their needs effectively. Additionally, considering accessibility principles and accommodating users with disabilities should be a priority during implementation.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.