Git Product home page Git Product logo

ui's Introduction

Staart UI

Staart UI is a frontend starter for SaaS startups written in TypeScript and Vue using Nuxt.js. It has built-in landing pages, authentication, settings UIs, and more.

Status
Build GitHub Actions Travis CI Circle CI Azure Pipelines
Dependencies Dependencies Dev dependencies Vulnerabilities
Community Contributors GitHub Type definitions npm package version semantic-release

Staart UI is built to work with Staart, the backend starter for SaaS startups.

โš ๏ธ v2 BETA WARNING: The master branch and all 2.x releases are currently in beta. For production, use v1.x instead on this commit tree: 3c8e1e2.

๐Ÿ›  Usage

Clone or fork this repository, then install dependencies:

yarn

Start a local development server:

yarn dev

Generate static pages for deployment:

yarn generate

๐Ÿ‘ฅ Contributors

Thanks goes to these wonderful people (emoji key):

Anand Chowdhary
Anand Chowdhary

๐Ÿ’ป ๐Ÿ“– ๐ŸŽจ
reallinfo
reallinfo

๐ŸŽจ

This project follows the all-contributors specification. Contributions of any kind welcome!

The Staart ecosystem consists of open-source projects to build your SaaS startup, written in TypeScript.

Package
๐Ÿ› ๏ธ Staart API Node.js backend with RESTful APIs Build status Docs npm package version
๐ŸŒ Staart UI Frontend Vue.js Progressive Web App Build status Docs npm package version
๐Ÿ“‘ Staart Site Static site generator for docs/helpdesk Build status Docs npm package version
๐Ÿ“ฑ Staart Native React Native app for Android and iOS Build status Docs npm package version
๐ŸŽจ Staart.css Sass/CSS framework and utilities Build status Docs npm package version
๐Ÿ“ฆ Staart Packages Helper functions and utility packages Build status Custom badge

๐Ÿ’ Sponsors

The development of Staart projects is supported by these wonderful companies. Find us on OpenCollective


Oswald Labs

O15Y

Speakup

Netlify

๐Ÿ“„ License

ui's People

Contributors

allcontributors[bot] avatar anandchowdhary avatar dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar findinganand avatar imgbotapp avatar restyled-commits avatar semantic-release-bot avatar shadowmodder avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ui's Issues

dotENV File Secret Keys question for clarification

Hello,

In the .ENV file,
In the lines section:

# Secret keys for encryption ใŠ™๏ธ

JWT_SECRET = "staart"
JWT_ISSUER = "staart"
SERVICE_2FA = "staart"
HASH_IDS = "staart"

โ“ Can we just put in replacement of "staart" some long random strings ๐Ÿก on all 4 of these entries? ๐Ÿค”

I was not sure if we needed to do something like register somewhere like we do with MaxMind Keys. ๐Ÿ˜ต

Thank you,

            Wayne

Verify email

The routines verify email ou login without password, aren't working
image

Invalidate session on logout

It's a good idea to delete the session when a user clicks on "logout" from the database (no JWT invalidation necessary?)

Not able to connect to backend

I am running both staart UI and API on my laptop

I am able to run them successfully, they frontend is not connecting to the backend.
I get the following error

image

image

The api server seems to stop
image

Hitting refresh in register breaks the web app

We have a test site here https://dev.smartreportz.com If you click Get Started for free and then register, it works fine, But if we are already in https://dev.smartreportz.com/auth/register and then refresh the page the page is broken.

We are using nginx to host the dist folder. This behaviour does not happen in your test site https://staart-demo.o15y.com/ so this might be an nginx configuration issue in our end. So do you have an idea how to fix this?

Thanks

register.js:85 Uncaught (in promise) Error

Validation errors from the backend are not handled right now.

Frontend:

:8080/v1/auth/register:1 POST http://localhost:8080/v1/auth/register 500 (Internal Server Error)
register.js:85 Uncaught (in promise) Error: Error: Request failed with status code 500
    at register.js:85

Backend:

Error: joi:{"isJoi":true,"name":"ValidationError","details":[{"message":"\"name\" with value \"Anon Test1\" fails to match the required pattern: /^[a-zA-Z ]*$/","path":["name"],"type":"string.regex.base","context":{"pattern":{},"value":"anon Test1","key":"name","label":"name"}}],"_object":{"email":"[email protected]","name":"anon Test1","password":"testing123"}}
    at Object.exports.joiValidate (/home/anon/development/staart/dist/src/helpers/utils.js:144:15)
    at /home/anon/development/staart/dist/src/helpers/middleware.js:190:17
    at Layer.handle [as handle_request] (/home/anon/development/staart/node_modules/express/lib/router/layer.js:95:5)
    at next (/home/anon/development/staart/node_modules/express/lib/router/route.js:137:13)
    at Route.dispatch (/home/anon/development/staart/node_modules/express/lib/router/route.js:112:3)
    at Layer.handle [as handle_request] (/home/anon/development/staart/node_modules/express/lib/router/layer.js:95:5)
    at /home/anon/development/staart/node_modules/express/lib/router/index.js:281:22
    at Function.process_params (/home/anon/development/staart/node_modules/express/lib/router/index.js:335:12)
    at next (/home/anon/development/staart/node_modules/express/lib/router/index.js:275:10)
    at module.exports.<anonymous> (/home/anon/development/staart/node_modules/express-brute/index.js:142:36)

Tapable.plugin is deprecated.

There is problem with this library

ERROR (node:78890) DeprecationWarning: Tapable.plugin is deprecated. Use new API on .hooks instead

Best practices to integrate Staart-ui with Staart?

This looks like a great project, but Iโ€™m having some difficulties understanding how to integrate this rep with Staart based on the information given.

Is it as simple for me to just start both project on their own assigned ports? (Just for dev purposes)
If I run Staart-ui on port on any random port, must I then change anything in the Staart backend repository?

Log out when expired local token

Currently, it tries to refresh it, detect an error, but doesn't log out and shows a "We couldn't verify this magic link" error

UI differences?

Hello, first of all thank you for working on the project. I've deployed it, but the admin UI seems significantly different from the one in the README file and there seems to be a missing public page, pricing and so on. Can you please clarify what am I missing?

Registration Error Er_Bad_Field_Error Unknown Column preferredLanguage in field list

Registration-Error

I'm actually not sure if I am doing something wrong.
I might not understand how to initially connect Website-to-Database

I have on my pc, the webserver, the website comes up...
On my pc with MySQL I am up and connected...

But I do not know if I have my website and MySQL talking/Connected.

I apologize, I am not a coder or DB guru... I just saw your framework and was jumping for joy because a SaaS Framework for Authentification and other features you have were a godsend for my needs, and just what I have been looking for. I am using the latest release, not the older version as suggested ( Kicking self now. ) .

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.