Giter Site home page Giter Site logo

rowyio / roadmap Goto Github PK

View Code? Open in Web Editor NEW
233.0 9.0 40.0 393 KB

Roadmap voting app for sharing product plan and get customer feedback.

Home Page: https://roadmap.rowy.io

License: Apache License 2.0

TypeScript 98.69% CSS 0.08% JavaScript 1.23%
roadmap cloud-functions firebase lowcode vercel remix remix-run starter-template

roadmap's Introduction

Roadmap Voting App - Open-source tool to share roadmap & get customer feedback | Product Hunt

Roadmap Voting App

Get users' feedback and votes for your product roadmap

Join a community of Low-code / No-code builders, devs and makers

Discord


Overview

Open-source product roadmap app that can be shared publicly with your users to collect valuable feedback. Users can upvote/downvote on features, add comments, request for new features. Keep your users in the loop with workflows notifying them when a feature is ready. The app’s frontend is built with Remix and the backend is built with Rowy (a lowcode platform for Firebase).

Demo

Explore a live demo of the roadmap app

Features

  • Get feedback on your roadmap from public user groups or communities
  • Upvote and downvote
  • Comments
  • Customizable categories: In progress, Next, Needs feedback, Release ..
  • Open-source, flexible and fully free
  • Optionally, comes with an in-app feedback widget for open ended feeature requests or feeback
  • CMS UI with ability to add any automation or workflows with Rowy

Setup Guide

Full setup instructions video available here

Step 1: Setup backend template

The backend for the roadmap app is setup on Firebase and managed via Rowy which is a lowcode platform for Firebase. Rowy gives you a Table UI to manage your the data for your roadmap app along with getting all the backend cloud functions for managing the roadmap app setup in one click.

Don't worry if you are not familiar with Firebase, Rowy will guide you through the entire process.

  1. Create an account on Rowy and create a workspace for the Roadmap app
  2. Create a new project by connecting it to Firebase - step by step video
  3. Create a new table from "Roadmap app" template
  4. Now you can manage your app’s data on Rowy’s CMS for Firestore. Add the initial set of data to be displayed on the roadmap app i.e. your product’s features list, their description, target release date, category etc.

Step 2: Setup frontend template

Deploy the roadmap app’s frontend to Vercel using the deploy button. Add the following environment variables. Instructions on how to configure them are available on the GitHub repo.

One click deploy to Vercel 👇

Deploy with Vercel

Add the following environment variables to your app on Vercel

  • CLIENT_FIREBASE_WEB_API_KEY – Add your Firebase project's web API key. Get it from your Firebase project here
  • SERVER_FIREBASE_SERVICE_ACCOUNT – Generate a Firebase admin sdk service account JSON and add that to your config by following this link to your Firebase project
  • COLLECTION – Name of the Firestore collection that stores the roadmap data. Default to roadmap
  • TABLE_ID – Name of the Rowy Table ID. Default to roadmap
  • SESSION_SECRETOptional setup a session secret
  • FEEDBACK_FIN_WEBHOOK_URLOptional If you want to add a feedback widget to your roadmap app, add the webhook URL setup using FeedbackFin

Step 3: That's it 🎉

Vercel gives you a hosted app domain or create customized URL. Make sure to add this domain URL to list of authorized domains in your Firebase project. Now you are all set to share this URL with your users and start gathering votes/feedback on your product roadmap.

Rowy Roadmap App

Contribution and development guide

If you would like to contribute to this project, then follow this development setup guide.

To run your app locally, make sure your project's local dependencies are installed.

npm install

Then, start the app's development server.

npm run dev

Open your roadmap app on http://localhost:3000

roadmap's People

Contributors

atakde avatar clobbe avatar harinij avatar htuerker avatar iamanishroy 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

roadmap's Issues

Error: Cannot read properties of null (reading '0')

Tried to install the application as descibed int the readme. Installation was fine and everything shows normal as anonymous user. But if I try to login with google I receive the following error:

Website:
image

Logs:
image

Feature request - backend

Hello,

Your product looks very good, nice interface and good features!

But, it's a shame that the backend is Firebase. Open source projects help to keep data owned, but not here with Firebase.

Did you plan to add other backend that are open source like NocoDB, Baserow or Directus....?

Thanks and congratulations for this beautiful tool.

The summary does not update

Connected everything according to the instructions, the page works, data is sent to Firebase and I see it in Rowy.
35b0746127c38407bb63f1145f514f30
I can see the voting data, but the totals are not updated
6bf84bc845bad39f1d4ba4f962e9a004

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.