<!-- LOGO --> <div align='center' > <img style="display: block; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto; max-height: 100px;" src="./src/lib/assets/gesvelte-text-logo.png" height="80"> </div> <!-- README HEADER -->

geSvelte

<a name="readme-top"></a>

Simplify form building for your website or web application with geSvelte - a custom form builder for Svelte developers powered by SvelteKit. geSvelte offers a simple, easy to use, and intuitive Svelte form-building interface with live preview, and an accompanying npm package to acceses the Svelte form components.

As a product built under the open-source tech accelerator OS Labs, geSvelte is continuously growing and improving to better serve the needs of developers.

<!-- TABLE OF CONTENTS -->

Table of Contents

<ol> <li> <a href="#about-the-project">About The Project</a> <ul> <li><a href="#built-with">Built With</a></li> <li><a href="#features">Features</a></li> </ul> </li> <li><a href="#using-gesvelte">Using geSvelte</a></li> <li><a href="#future-release-plans">Future Release Plans</a></li> <li><a href="#contributing">Contributing</a></li> <li><a href="#authors">Authors</a></li> <li><a href="#acknowledgments">Acknowledgments</a></li> <li><a href="#license">License</a></li> </ol> <!-- ABOUT THE PROJECT -->

About The Project

Built With

<!-- Typescript/Javascript, Vite, SvelteKit, Scss -->

Features

• Custom no-code Svelte form creation interface with live form preview
• Built-in form field validation
• Accessibility-tested form components
• Live component code preview that lets you copy and paste the form code direclty into your applicaiton

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- USING -->

Using geSvelte

You can take advantage of everything that geSvelte has to offer if you visit gesvelte.io.

However, if you'd like to run the application directly from your machine, follow these steps:

1. Fork and then clone the repo:

git clone https://github.com/oslabs-beta/geSvelte.git

2. Install dependencies:

npm install

3. Start the app:

npm run dev

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- RELEASE PLANS -->

Future Release Plans

Features currently in development:

• npm package to access the form components
• Completed documentation
• More style themes available
• More pre-composed form options available (dropdown, etc)
• Multi-step forms

Upcoming release: TBD

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- CONTRIBUTING -->

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

Please adhere to this project's code of conduct in CODE_OF_CONDUCT.md

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- AUTHORS -->

Authors

| Active developers | | | | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | | Christian Ashley | | | | Johnny Howell | | | | Stefan Jordan | | | | Umair Shafiq | | |

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- ACKNOWLEDGMENTS -->

Acknowledgments

Thank you to Stephanie, Debbie, and the Svelvet developers for their support.

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- LICENSE -->

License

Distributed under the MIT License. See LICENSE for more information.

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- Library of badges -->