https://github.com/im-fran/vite-react-ts-template

Vite + React + TypeScript + TailwindCSS + ReactRouter template
https://github.com/im-fran/vite-react-ts-template

bun class-variance-authority cva react react-hot-toast react-router reactjs swc tailwind tailwindcss template ts typescript vite vitejs

Last synced: about 2 months ago
JSON representation

Vite + React + TypeScript + TailwindCSS + ReactRouter template

• Host: GitHub
• URL: https://github.com/im-fran/vite-react-ts-template
• Owner: Im-Fran
• License: gpl-3.0
• Created: 2024-11-20T02:39:10.000Z (2 months ago)
• Default Branch: dev
• Last Pushed: 2024-12-06T18:40:46.000Z (about 2 months ago)
• Last Synced: 2024-12-06T20:50:34.274Z (about 2 months ago)
• Topics: bun, class-variance-authority, cva, react, react-hot-toast, react-router, reactjs, swc, tailwind, tailwindcss, template, ts, typescript, vite, vitejs
• Language: TypeScript
• Homepage: https://vite-react-ts-template.franciscosolis.cl
• Size: 76.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vite + React + TypeScript Template

A fast and feature-rich template for building modern web applications using **Vite**, **React**, **TypeScript**, **TailwindCSS**, and **React Router**. This template provides a streamlined setup for rapid development and is designed to be fully extensible.

## Features

- ⚡ **Vite**: Lightning-fast build tool for modern web projects.

- 🔥 **React**: A powerful UI library for building user interfaces.

- ✨ **TypeScript**: Static typing for better development with improved IDE support.

- 🚀 **SWC**: Super-fast JavaScript/TypeScript compiler.

- 🎨 **TailwindCSS v4**: Utility-first CSS framework for building custom designs.

- 🌍 **React Router**: Declarative routing for React.

- 📢 **React Hot Toast**: Lightweight toast notifications.

- 💡 **Class Variance Authority**: Reusable component variants.

- 🛠️ **Bun.sh**: All-in-one JavaScript runtime & toolkit.

## Getting Started

To get started with this template, follow these steps:

1. Use the Bun CLI to create a new project from this template

```bash

bun create Im-Fran/vite-react-ts-template 

```

2. Navigate to the project directory

```bash

cd 

```

3. Install dependencies

```bash

bun install

```

4. Start the development server

```bash

bun run dev

```

This will start the Vite development server, and you can view your app at http://localhost:3000.

License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.

Contributing

We welcome contributions! If you’d like to contribute to this project, feel free to fork the repository and submit a pull request. Please ensure that your code follows the project’s conventions and passes the tests before submitting your changes.

Acknowledgments

	•	Vite

	•	React

	•	TypeScript

	•	TailwindCSS

	•	Bun.sh

### Explanation of the Sections:

- **Introduction**: Describes the purpose of the repository and the technologies used.

- **Features**: Lists the key technologies and features integrated into the template.

- **Getting Started**: Provides the steps for setting up and running the project.

- **License**: Mentions the project license under **GNU GPLv3**.

- **Contributing**: A section for potential contributors to understand how they can contribute.

- **Acknowledgments**: Acknowledges the tools and libraries used in the project.