✌🏻 Examples

This repository contains examples to help you get started with ⛺ Tent. Each example is a standalone project that you can run locally.

You can also use these examples as a reference when building your own projects.

📖 Table of Contents

• Counter
• Todo List
• Fetch
• Axios
• Stepper
• View Functions
• mountAll
• keep
• Async Mount
• Express Server
• CodeMirror
• Form
• Of Coerce!
• Zod
• Lucide
• Vanilla JavaScript

🚀 Check out an example

To use an example, you can clone this repository and navigate to the example you want to run. Each example might have a different set of instructions, but you can usually install the dependencies and start the project with the following commands:

# Clone all examples
git clone https://github.com/tentjs/examples

# Navigate to the example you want to run
cd examples/counter

# Install dependencies and start the project
npm install
npm start

🌟 Create a new example

Note: Please make sure you use the latest version of Tent, and that you keep your example relatively simple. The goal is to help others get started with Tent, so the examples should be easy to understand.

To create a new example you can use the script included in this repository.

npm run new

This will prompt you to enter the name of your example. After you've entered the name, the script will create a new directory with the example files.

🗺️ Roadmap

Here are some examples that are planned for the future. If you'd like to contribute, feel free to pick one of these examples and submit a PR. If you have an idea for a new example, feel free to open an issue or submit a PR. It would be highly appreciated 🙏🏻

• Counter
• Todo List
• Async Mount
• Express Server
• Using view functions
• CSS Modules
• Using anime for animations
• HTTP requests
• A supabase example
• Using jest for testing
• Host examples via GitHub Pages

😎 Bragging rights

If you've built something cool with Tent, that is suitable as an example, feel free to share it with the community by submitting a PR to add it.