Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/odhyp/flask-tailwindcss-starter
A starter project using Flask and TailwindCSS. Ready to deploy in Vercel :computer: :wrench:
https://github.com/odhyp/flask-tailwindcss-starter
flask python starter-project tailwindcss template vercel
Last synced: 18 days ago
JSON representation
A starter project using Flask and TailwindCSS. Ready to deploy in Vercel :computer: :wrench:
- Host: GitHub
- URL: https://github.com/odhyp/flask-tailwindcss-starter
- Owner: odhyp
- License: mit
- Created: 2025-01-14T06:39:53.000Z (28 days ago)
- Default Branch: master
- Last Pushed: 2025-01-14T07:24:19.000Z (28 days ago)
- Last Synced: 2025-01-14T08:24:38.099Z (28 days ago)
- Topics: flask, python, starter-project, tailwindcss, template, vercel
- Language: HTML
- Homepage: https://flask-tailwindcss-starter.vercel.app/
- Size: 39.1 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
![]()
Flask TailwindCSS Starter
A starter project using Flask and TailwindCSS.
Ready to deploy in Vercel ๐
View Live ยป
Report Bug
ยท
Request Feature
## About The Project
[![Product](static/img/product.png)](image-url-here)
This project provides a boilerplate for building modern web applications with **Flask** and **TailwindCSS**. It simplifies the process of setting up a development environment and deploying to platforms like **Vercel**.
### Built With
- ![Flask](https://img.shields.io/badge/flask-%23000.svg?style=for-the-badge&logo=flask&logoColor=white)
- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
- ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)### Features:
- Integration of Flask and TailwindCSS
- Easy deployment with Vercel
- Starter templates for rapid development## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
Ensure you have the following installed:
- [Python](https://www.python.org/downloads/) (at least v3.13)
- [Node.js](https://nodejs.org/en/download) (at least v23.6.0)
- [Vercel Account](https://vercel.com/signup) (optional for deployment)### Installation
1. Clone the repository
```bash
git clone https://github.com/odhyp/flask-tailwindcss-starter.git
```2. Navigate to the project directory
```bash
cd flask-tailwindcss-starter
```3. Install Python dependencies
```bash
pip install -r requirements.txt
```4. Install the Node.js dependencies
```bash
npm install
```5. Run the Flask development server
```bash
flask run
```6. In a separate terminal, watch for changes to automatically rebuild TailwindCSS
```bash
npm run dev
```7. When development is complete, build the optimized TailwindCSS files
```bash
npm run build
```## Roadmap
- [ ] More sample pages!
See the [open issues](https://github.com/odhyp/flask-tailwindcss-starter/issues) for a full list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/YourFeature`)
3. Commit your Changes (`git commit -m 'Add some YourFeature'`)
4. Push to the Branch (`git push origin feature/YourFeature`)
5. Open a Pull Request### Top contributors:
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Acknowledgements
- [Othneil Drew](https://github.com/othneildrew) for the [README.md Template](https://github.com/othneildrew/Best-README-Template)
- [Alexandre Sanlim](https://github.com/alexandresanlim) for the [README.md badges](https://github.com/alexandresanlim/Badges4-README.md-Profile)[contributors-shield]: https://img.shields.io/github/contributors/odhyp/flask-tailwindcss-starter.svg?style=for-the-badge
[contributors-url]: https://github.com/odhyp/flask-tailwindcss-starter/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/odhyp/flask-tailwindcss-starter.svg?style=for-the-badge
[forks-url]: https://github.com/odhyp/flask-tailwindcss-starter/network/members
[stars-shield]: https://img.shields.io/github/stars/odhyp/flask-tailwindcss-starter.svg?style=for-the-badge
[stars-url]: https://github.com/odhyp/flask-tailwindcss-starter/stargazers
[issues-shield]: https://img.shields.io/github/issues/odhyp/flask-tailwindcss-starter.svg?style=for-the-badge
[issues-url]: https://github.com/odhyp/flask-tailwindcss-starter/issues
[license-shield]: https://img.shields.io/github/license/odhyp/flask-tailwindcss-starter.svg?style=for-the-badge
[license-url]: https://github.com/odhyp/flask-tailwindcss-starter/blob/master/LICENSE.txt