/vite_JS_temp

a vite powered JS template

Primary LanguageJavaScript

Vite Starter Template: Unveiling the Power of Vite 🌟🛠

👋🏾 Welcome to the Vite Starter Template, a harmonious blend of Vite, Node.js, and Tailwind CSS. Created to serve as a foundational springboard for both novice and expert developers, this template is designed to accelerate the development process, from inception to deployment.

📌 Features

🚀 Vite

Experience development like never before. Vite offers you an unparalleled speed for your build and development process.

📂 Client/Server Directories

The template comes pre-configured with separate directories for client-side (/client) and server-side (/server) development, giving you the structure you need to build Full-Stack applications.

🎨 Tailwind CSS

With Tailwind CSS at your disposal, your styling workflow becomes a breeze. Create aesthetically pleasing designs with minimal effort.

⚙️ Node.js and Express

The server-side directory is equipped with a basic Node.js and Express setup. Get your RESTful APIs up and running in no time.

🌱 Getting Started

🛠 Prerequisites

Before diving into this project, ensure you have the following installed:

  • Node.js
  • pnpm: Install it globally using npm install -g pnpm.

⚙️ Installation Steps

  1. Utilize the GitHub Template: Navigate to the GitHub repository and click the "Use this template" button to generate your new project.
  2. Clone Your New Repository:
    git clone https://github.com/EshuShango/vite_JS_temp
  3. Project Navigation:
    cd YourNewRepo
  4. Dependency Management:
    pnpm i

🛠 Development Workflow

Kickstart your development environment with the following command:

pnpm dev

Your application will be accessible at http://localhost:3000.

  • 🌳 Server-side Development:
    cd server
    pnpm dev
    The API will manifest at http://localhost:4000.

🤝 Contributing

We welcome your ingenious ideas, constructive issues, and thoughtful pull requests.

📜 License

This project is open-source and available under the MIT License.