Open Template Hub - Web UI Template v5

Web UI Template is a modern, responsive, and customizable web UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.

For demo click the image below ⬇️

Ways to Begin

1. Express Deploy

Deploy this template to Heroku

2. Start with UI Generator

Create your UI with UI Generator Package

3. GitHub Template

Use this repository as a Template

Installations

Install nodejs and npm via nodejs.org.

Check installed versions of nodejs and npm via running following commands:

node -v
npm -v

WebStorm Configurations

If you imported project into WebStorm you will see following run configurations:

1. Install

install.run.xml

2. Build

buildLocal.run.xml

buildLocalToStagingApi.run.xml

buildStaging.run.xml

buildProd.run.xml

3. Start

startLocal.run.xml

startLocalFromIPhone.run.xml

startLocalToStagingApi.run.xml

startLocalFromIPhoneToStagingApi.run.xml

startStaging.run.xml

start.run.xml

4. Debug

debug.run.xml

5. Dependency Management

outdated.run.xml

update.run.xml

Local Deployment and Debug

In order to deploy and debug locally, run following configurations in order:

1. install.run.xml
2. buildLocal.run.xml
3. startLocal
   1. startLocal.run.xml (uses local api)
   2. startLocalFromIPhone.run.xml (uses local api - accessible from iphone)
   3. startLocalToStagingApi.run.xml (uses staging api)
   4. startLocalFromIPhoneToStagingApi.run.xml (uses staging api - accessible from iphone)
4. debug.run.xml

Environment Variables

If you run WebStorm's env.run.xml configuration you will see following variables generated in .env file. Set them appropriately.

PORT=4201

Check project's current nodejs and npm version from package.json.

Brand Color Scale Generator

To be able to generate brand color scales, we are using Colllor.

Favicon Generation

To be able to generate favicon, refer to FAVICON_GENERATION.md file.

Cookie Policy Generation

To be able to generate cookie policy, use cookiepolicygenerator site.

Localization

To be able to generate or update localization, use updateMessages.run.xml.

Outdated

Refer to OUTDATED.md to see outdated npm packages and update them with your own risk.

Contributors

Furkan Yavuz 💬 📖 👀

Fatih Turker 💬 📖 👀

Mert Sarac 💬 📖 👀

Contributing

Refer to CONTRIBUTING.md to see how to contribute to Open Template Hub.

Code of Conduct

Refer to CODE_OF_CONDUCT.md to see contributor covenant code of conduct.

LICENSE

The source code for this project is released under the MIT License.

Open Template Hub © 2023