piyushgarg-dev/review-app

Frontend Review Management Application | https://youtu.be/JD3NQsB3TQI

Review App

Review App is a web application built using Next.js, bootstrapped with create-next-app. It simplifies the process of adding a review system to your website. Instead of creating a whole new backend for the review system, you can create a review application on Review App and easily integrate it into your website.

With Review App, you can gather valuable feedback and reviews from your website's users. Whether you run an e-commerce site, a blog, or any other online platform, adding a review feature can help you build trust and improve user engagement.

ReviewAppDemo.mp4

Table of Contents

• Getting Started
• Key Features
• How It Works
• Contributing
• License

Getting Started

To run the project locally and start using Review App, follow these steps Quick video guide :

1. Clone the repository:

git clone https://github.com/yourusername/review-app.git

2. Navigate to the project directory:

cd review-app

3. Install dependencies:

npm install
# or
yarn install
# or
pnpm install

4. Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 in your browser to see the Review App in action. You can start customizing and integrating it into your website by modifying pages/index.tsx.

For more details on API routes, check out the API documentation and edit the routes in pages/api.

Key Features

• Easy Integration: Quickly add a review system to your website without the need for complex backend development.

• User-Friendly Interface: The Review App provides an intuitive interface for users to submit reviews and ratings.

• Customization: Customize the look and feel of the review widget to match your website's design.

• Moderation: Review submissions can be moderated to ensure quality and prevent spam.

• Analytics: Gain insights into user feedback with built-in analytics and reporting features.

• Scalable: Designed to handle a growing number of reviews, making it suitable for websites of all sizes.

• Responsive: Review App is responsive and works seamlessly on various devices and screen sizes.

How It Works

1. Create an Application: Sign up and create a review application for your website on Review App.

2. Customize Widget: Customize the review widget's appearance to match your website's branding.

3. Integration: Integrate the provided code snippet into your website's pages where you want the review widget to appear.

4. Gather Reviews: Users visiting your website can easily submit reviews and ratings through the widget.

5. Moderate Reviews: Review submissions can be moderated through the Review App dashboard.

6. Analytics and Insights: Gain valuable insights from user reviews with built-in analytics and reporting.

Contributing

We welcome contributions from the community to enhance Review App further. If you're interested in contributing, please read our Contributing Guidelines for detailed information on how to get started.

All Thanks To Our Contributors

License

This project is licensed under the GNU General Public Licence v3.0.

review-app's Issues

docs : add Best Contributor Section in README.md file

[BUG] Black colour disappear in DARK Mode

Found a bug? Please fill out the sections below. 👍

Issue Summary

This is

Steps to Reproduce

1. Create a form
2. On Light Mode Black colour design are visible
3. Turn On DARK MODE
4. Then Black colour disappears.

If user uses dark mode then Remove Review Branding Disappears .

Actual Results

• Dissorting website aesthetic

Expected Results

• Black Logos and design should be visible visible in DARK Mode

Technical details

• Using MacBook Air M1 Laptop
• Enable Inbuilt Dark Mode feature of Mac.

Evidence

-Remove review branding "LOGO" is visible
-Powered by Review watermark present at top-right corner of form is VISIBLE

-In DARK Mode both LOGO and Watermark "disappears"

Screen.Recording.2023-10-08.at.4.15.31.AM.mov

Update the README Licence

In the README.md file, It's mentioned that we are using an MIT Licence which is incorrect. We are using the GNU General Public License v3.0 Licence.

License File https://github.com/piyushgarg-dev/review-app/blob/main/LICENCE

Code File: https://github.com/piyushgarg-dev/review-app/blob/main/README.md?plain=1#L91-L93

Mandatory Project Creation for Dashboard Access

Hey everyone 👋

I've noticed that many of you are raising issues and PR's regarding actions to be taken when no project is selected.

However, I would like to outline the approach we will be following:

• We will require users to create a project if they do not already have one. This enforcement is necessary to enable them to view their project on the dashboard.

• Additionally, I encourage you to raise pull requests aimed at resolving this enforcement functionality for the user.

• Therefore, I kindly request that you keep this in mind when creating new issues or pull requests related to this topic.

Please let me know if there's anything else I can assist you with and Keep contributing 😊💙

docs : Project Info conversion into bullet points

Is your proposal related to a problem?

  I want to convert the description of the project into bullet points for more understandable about the project.

Describe the solution you'd like

1. Review App is a web application developed using Next.js.
2. It's bootstrapped with create-next-app for streamlined development.
3. Simplifies the process of adding a review system to your website.
4. Eliminates the need to create a separate backend for reviews.
5. Allows easy integration of the review system into your website.
6. Collect valuable feedback and reviews from your site's users.
7. Ideal for e-commerce websites, blogs, and various online platforms.
8. Enhances user trust and engagement through the addition of reviews.

Describe alternatives you've considered

(Write your answer here.)

Additional context

(Write your answer here.)

Requirement/Document

(Share it here.)

Create `CONTIBUTING.md`

Can you create a CONTIBUTING.md file with all the detailed instructions on how to contribute and set up this project locally? This would help them contribute to setting up and running the project on localhost.

Realtime form preview update on changes

Is your proposal related to a problem?

When we change our form the preview on the right-hand side doesn't change. We need to save the form in order to see the changes which costs us database mutation every time the user wants a preview of the changes which is not ideal.

Made.with.Clipchamp.mp4

Describe the solution you'd like

The UI(form preview) on the right side should update when the form is changed. This will give users immediate feedback and will save us API calls for users to see the changes.

Create a responsive design that is user-friendly and doesn't have search issues.

Is your proposal related to a problem?

(Write your answer here.)

Describe the solution you'd like

(Describe your proposed solution here.)

Describe alternatives you've considered

(Write your answer here.)

Additional context

(Write your answer here.)

Requirement/Document

(Share it here.)

Landing Pages for Review App for SEO V2

Create a SEO Friendly landing page for the Review app at /landing

As of now, This project has no landing pages or home pages. As you have already got an idea of what exactly this app does. It would be great if you could build a SEO friendly modern landing page with animations.

Here are some inspirations and Ideas

1. https://senja.io/
2. https://www.landingfolio.com/templates/post/saasfolio

P.S - These links are only for inspiration, Please do not copy them exactly 😄

Enhanced Review Categorization and Detailed Ratings

Is your proposal related to a problem?

In websites like versus.com, they categorize ratings based on different criteria. We should consider allowing customers to provide reviews in these categories. This should be an optional feature, with the default rating set at 5 out of 10 stars.

Describe the solution you'd like

We propose adding more options below the rating stars, specifically:
(EXAMPLE, FOR WEBSITES REVIEW)

Rating in categories

     Review: [Input field for review text]       
     Stars: [Input field for stars]
                                     - More Details: (Clicking this opens a sub-section)
                                                  - Design
                                                           - Review on Design: [Input field for design review]
                                                           - Stars for Design: [Input field for design stars]
                                                                                      - More: (Clicking this opens further sub-sections)
                                                                                                - UI/UX
                                                                                                     - Review on UI/UX: [Input field for UI/UX review]
                                                                                                - Animation
                                                                                                     - Review on Animation: [Input field for animation review]
                                                                                                - Art
                                                                                                     - Review on Art: [Input field for art review]
                                                - Service
                                                          - Review on Service: [Input field for service review]
                                                          - Stars for Service: [Input field for service stars]
                                                                                       - More: (Clicking this opens further sub-sections)
                                                                                                   - Delivery
                                                                                                         - Review on Delivery: [Input field for delivery review]
                                                                                                   - Customer Care
                                                                                                         - Review on Customer Care: [Input field for customer care review]
                                                                                                   - Issue Solving
                                                                                                         - Review on Issue Solving: [Input field for issue solving review]
                                                - Features
                                                            - Review on Features: [Input field for features review]
                                                            - Stars for Features: [Input field for features stars]
                                                                                           - More: (Clicking this opens further sub-sections)
                                                                                                       - Content
                                                                                                             - Review on Content: [Input field for content review]
                                                                                                       - Update Time
                                                                                                             - Review on Update Time: [Input field for update time review].

We can also make different categories in movies, anime, software, smartphones, etc.

Additional context

Companies can check their ratings in different categories to determine their strengths and weaknesses.

Requirement/Document

Please see the attached screenshot of versus.com for reference.

[Bug]: After clicked on the logout we can't redirect somewhere

Describe the bug

When we click on the logout button we can't redirect somewhere and stable on the dashboard page so the user see the values still here of the project id and project name etc. after refresh the page the value not showing and we still on the same page

https://www.loom.com/share/2041ff9010aa4150931421828d95da8c?sid=80381d65-9ac4-41b8-9f85-81a71638be39

To Reproduce

1. Go to dashboard after signin or signup
2. Click on the logout button
3. see error

Expected behavior

We should redirect to the another page like signin

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

Create First Project Button

Description

I'm proposing the addition of a "Create First Project" button to the dashboard page instead of "Dashboard Page" text for new users. This button will serve as a quick and intuitive way for users to initiate the process of creating their first project.

Proposed Changes

• Add a button with the label "Create First Project" ].
• Implement functionality to trigger the project creation process.

[Bug]: Can access dashboard, even when not logged in

Describe the bug

1. Currently one can still access the dashboard even when one is not logged in, or even when the user's authentication token has expired.

To Reproduce

1. Logout of the application if you are logged in
2. Go to http://app.localhost:3000/dashboard
3. You are still able to access the dashboard

Expected behavior

I think that if the user is not logged in or if their authentication token has expired, and he/she tries to access the dashboard or any of its child routes, the user should be redirected to the login page. We should protect this route. This leads to a better user experience.

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Bug]:Can't SignUp. It says Something went wrong while signup

Describe the bug

Fix Login/SignUp issues so that I can signin to contribute

To Reproduce

1. Go to http://app.localhost:3000/signup
2. Fill all the details
3. Click SignUp
4. See error - Something went wrong(can't signUp)

Expected behavior

Successfully signUp operation should work properly

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Bug]:

Describe the bug

Delete button is not working.While clicking on the delete button in form , the form is not getting deleted.

To Reproduce

1. Go to 'app.localhost:3000/dashboard'
2. Click on 'Forms'
3. Scroll down to '....'
4. See error

Expected behavior

The form should be deleted.

Screenshots/Videos

No response

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Bug]: Layout shift while navigating between different pages on form edit

Describe the bug

When we navigate between different form pages the scrollbar is shown if the content is long which leads the layout to shift on left side.

To Reproduce

1. Go to any form to edit
2. Navigate between pages
3. The layout shifts between some pages where content is too large

Expected behavior

The layout should not shift

Screenshots/Videos

Uploading app.localhost_3000_dashboard_world_forms_edit_b8212673-ae81-4ff6-8eb1-b57a419a43d4 - Brave 2023-10-08 15-31-57.mp4…

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Bug]: Add validation on subdomain while creating Project

Describe the bug

There is no validation on the subdomain while creating a subdomain in the project section. We have to make sure that the subdomain is a plan text without spaces and special char

To Reproduce

1. Signin to app.localhost:3000/signin
2. Go to Dashboard app.localhost:3000/dashboard
3. Create a new Project
4. Add subdomain as hey there
5. The project creates but there should be a validation on correct subdomain

Expected behavior

Need something similar to this in design

Screenshots/Videos

Additional context

Use the following regex to validate the input:

const regex = /^[a-z0-9]+$/;

Please checkmark the following checklist

• I make sure that similar issue is not opened

Create a Form Submission Public Route

What do we need?

We need to create a public route on the front end where users can submit feedback and review.

Technical Details

• Create a public route at https://<custom_domain>.domain.com/form/<slug>
• This page must be Server Side Rendered
• Reuse the existing component for form submission

[Bug]: On Shifting the form panel to the top, the dashboard logo and sidebar is disappearing !

Describe the bug

The Dashboard logo and the sidebar are disappearing when the form panel is shifted to top.

To Reproduce

Expected view is to be something where the logo and sidebar are visible !

Expected behavior

Mentioned Above !

Screenshots/Videos

No response

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

Bug: CreateProject-Logout-Issue

Found a bug? Please fill out the sections below. 👍

Issue Summary

Even after logging out the Modal opens when the "Create Project" button is clicked and is available to create a new project which will not be created even if we create a new project.

Steps to Reproduce

1. Login to your account.
2. Now log out from your account and try to create a new project.
3. the modal will be opened to create a new project

Actual Results

Bug-createproject-logout-issue.mp4

Expected Results

fix-createproject-logout-issue.mp4

[Bug]: Clicking on the copy icon does not copy the form link.

Describe the bug

When the copy icon is clicked, the link does not get copied to the clipboard. As in the video I clicked on the copy icon and tried to paste it in the text area but it was not copied at all. You can see the video of it in the Screenshot section below.

To Reproduce

1. Create a project.
2. Create a form.
3. Click on 'Copy Icon'.
4. Try to paste the link.
5. See the error that link is not copied.

If you already have a form just go to http://app.localhost:3000/dashboard/subdomain/forms and see the issue.

Expected behavior

The expected behavior is upon clicking the copy link the link should have been copied to the clipboard.

Screenshots/Videos

link-is-not-copied-to-clipboard.mp4

Please checkmark the following checklist

• I make sure that similar issue is not opened

Refactor: Remove the slug in project

We need to remove the slug in the Project Creation Step. Instead, ask the subdomain from the user.

Example: <SUBDOMAIN>.review-app.com

aside width issue

Issue Summary

Dashboard sidebar width is causing overlap of border and over flow scroll

Steps to Reproduce

1. Sign in
2. go to dashboard

Actual Results

• overlapping boarder and overflow scroll bar

Expected Results

Add README

Add a README file in this project to explain what this project is about and various more details about this project to help understand what this project does.

Component Overflow Issue Causing Horizontal Scrollbar

Found a bug? Please fill out the sections below. 👍

Issue Summary

The component is overflowing the window, leading to the appearance of a horizontal scrollbar.

Steps to Reproduce

1. Visit the signup page by navigating to http://app.localhost:3000/dashboard.

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

• The component extends beyond the window's boundaries, causing a horizontal scrollbar to appear. This disrupts the user experience and layout of the page.

Expected Results

• The component should be contained within the window's boundaries, and no horizontal scrollbar should appear. The layout and user experience should remain intact.

Evidence

https://www.loom.com/share/78f24c6f1f1b4cb8af6a6c930f37d624?sid=23fa5bdc-0e6b-41cb-816d-303cb3b75785

Logo svg color

Issue Summary

logo.svg which is inside the public folder is black because of this icons(logo) beside "remove review branding" in form /edit is not visible in dark mode

Steps to Reproduce

1. Go to dashboard app.localhost:3000/dashboard
2. switch to dark mode
3. create a project and then create a form

Actual Results

• currently fill in the svg is wrongly placed which is not effecting the final colour
• 

Expected Results

• 

Evidence

• I had checked the complete project for now this is the only place where this svg is used so this will not effect anything in the project

[Bug]: Input text in DarkMode

Describe the bug

The inupt text is not visible in the DarkMode

To Reproduce

1. Go to 'forms using darkmode'
2. Click on 'Customers Details'
3. Scroll down to '....'
4. See error

Expected behavior

The input Text should have White color in the darkmode

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

Add Reference to Backend Repository in CONTRIBUTING.md

I would prefer if we could add a reference to the review-app-api repository reference to the https://github.com/piyushgarg-dev/review-app/blob/main/CONTRIBUTING.md file so that it's easier for contributors to get started.

Link to Backend Repo: https://github.com/piyushgarg-dev/review-app-api

[Bug]: check-box not working properly

Describe the bug

After creating multiple forms at dashboard when we check a particular form using check-box it will check all the available form

To Reproduce

1. Sign up or log in
2. Go to 'http://app.localhost:3000/dashboard/'
3. Create multiple forms
4. Click on check-box

Expected behavior

Check only one element at a time

Screenshots/Videos

applocalhost-3000-dashboard-test-forms-google-chrome-2023-10-09-14-56-55_L9JLePCp.mp4

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Bug] Text truncate is not working for Display Name on Top Header

Issue Summary

Once the user logged if the display name is more than 14 characters it adds a scrollbar bar at the bottom of the sidebar

Steps to Reproduce

1. Login to the application
2. Make sure to have the FirstName + LastName be more than 14 characters
3. Observe at top and bottom of the sidebar

Actual Results

• There are no ellipses and scrollbar at the bottom of the sidebar
  

ActualResult.mp4

Expected Results

• There should be ellipses and no scrollbar at the bottom as per applied truncate class
  

ExpectedResult.mp4

Evidence

• How was this tested? This is quite mandatory in terms of bugs. Providing evidence of your testing with screenshots or/and videos is an amazing way to prove the bug and a troubleshooting chance to find the solution.

ui(scrollbar) : Unwanted Scroll bars on dashboard and sidebar because of length of Username

Issue Summary

When we go to the DashBoard after signUp we can se some unwanted scrollbars on the dashboard and the sidebar also and the length of user produce some design issue like the sidebar got scrollbar

Steps to Reproduce

1. Sign up
2. go to the http://app.localhost:3000/dashboard
3. you can se the scroll bars

screenshot

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

• No need

Expected Results

• the user lastName should be doted after some length like shyam raghuwan...
• the unwanted scroll bars should be removed

Technical details

• Browser Chrome
• Node.js version -- v18.18.0
• Anything else that you think could be an issue.

Evidence

Add Google Login Support

Is your proposal related to a problem?

No, It's not related to a specific problem . My proposal is to implement Google Login .
Google Login is easy and convenient to the Users .
It's a quite necessary feature in a production level app.

Describe the solution you'd like

I would like to add a Google Login Button on Login Button.

Describe alternatives you've considered

This feature can be easily implemented using different npm packages of google-login.

Screenshot Of Requested Feature:-

(Feature Request): Enhanced Advanced Settings for FormEdit Component

Is your proposal related to a problem?No

I would like to request the addition of enhanced advanced settings for the FormEdit component in our project. Currently, the FormEdit component provides a solid foundation for managing form settings, but we believe that adding more advanced options will greatly enhance its flexibility and utility for users.

Proposed Advanced Settings:

1. Submission Notifications: Enable users to configure email or webhook notifications when new form submissions are received.
   2)Advanced Validation Rules: Add options for advanced form field validation rules, such as custom regex patterns or conditional validation.
   3)Submission Filters: Provide advanced filtering options for submitted data, allowing users to filter and search submissions more effectively.
   4)Submission Limits: Set limits on the number of submissions or responses the form can accept.

Please add me as assignee to this issue!

Remove the support for slug in backend

Ref Issue #56

On Cancel Form Creation Issue

Found a bug? Please fill out the sections below. 👍

Issue Summary

When using the "Create Form" modal, both the "Cancel" and "Continue" buttons are unintentionally creating a form. The form should only be created when the "Continue" button is clicked.

Steps to Reproduce

1.Open the application.
2.Navigate to the "Create Form" modal.
3.Enter some data in the form fields.
4.Click the "Cancel" button.
5.Click the "Continue" button.

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

• When clicking the "Cancel" button, the form is being created, which is not expected behavior.

Expected Results

• Clicking the "Cancel" button should close the modal without creating a form.
• Clicking the "Continue" button should create a form as expected.

Evidence

https://www.loom.com/share/871bc0945b4a4560840dec79f28ddf99

feat: avatar's background color will be random.

Found a bug? Please fill out the sections below. 👍

Issue Summary

When user login, Avatar's background color will be random to different user according to their first letter of first name and last name.

Steps to Reproduce

1. Avatar's background color will be random instead of static color to all users.

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

1. I have tried to implement the features like Google's Gmail avatar where all users have avatar with different backgrounds.

Actual Results

• What's happening right now that is different from what is expected

Expected Results

• This is an ideal result that the system should get after the tests are performed

Technical details

• Browser version, screen recording, console logs, network requests: You can make a recording with Bird Eats Bug.

• Node.js version
• Anything else that you think could be an issue.

Evidence

• How was this tested? This is quite mandatory in terms of bugs. Providing evidence of your testing with screenshots or/and videos is an amazing way to prove the bug and a troubleshooting chance to find the solution.

I have tested this feature with different name.

Dark mode and text area bug

Found a bug? Please fill out the sections below. 👍

Issue Summary

some of the text color doesn't change according to the mode of webpage [dark/light] in form page and user can resize the size of text area which disturb the Ui.

Steps to Reproduce

1. went to form that I have created.
2. when I clicked the form that I have created and navigate to all the accordions I found there is some problem with text and background which color doesn't change according to the mode of the page
3. text area also resizable that might hamper the Ui of webpage when user try to resize [actually when user try to increase the size]

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

• al the Ui is fine even in dark mode also

Expected Results

• This is an ideal result that the system should get after the tests are performed

Technical details

• Node.js version
• Anything else that you think could be an issue.

Evidence

• How was this tested? This is quite mandatory in terms of bugs. Providing evidence of your testing with screenshots or/and videos is an amazing way to prove the bug and a troubleshooting chance to find the solution.
  
  

Rules For Contributing

Hey Everyone 👋🏻,
Thanks for checking out and taking the time to contribute to this repository.

Detailed Video About this Project: https://youtu.be/JD3NQsB3TQI

Before Contributing:

• Please make sure you have gone through CONTRIBUTING.md and README.md file
• Please Open an Issue before Contributing
• You may Tag @hemantwasthere for Frontend and UI-related Changes in your PR.
• Please include fixed: <ISSUE_NUMBER> in the PR description.

Thanks 😄

Landing Pages for Review App

Create a landing page for the Review app

As of now, This project has no landing pages or home pages. As you have already got an idea of what exactly this app does. It would be great if you could build a SEO friendly modern landing page with animations.

Here are some inspirations and Ideas

1. https://senja.io/
2. https://www.landingfolio.com/templates/post/saasfolio

P.S - These links are only for inspiration, Please do not copy them exactly 😄

BUG : Copy button not working

Copy button on form not working

When user create a form, at the dashboard where all form is listed out. The copy button to copy the link is not working.

Steps to Reproduce

1. Create a form
2. Clicked on copy icon

Actual Results

• When the user is clicking on copy icon, the link is not copied.
  

Expected Results

• When the user click on copy icon, the form link must gets copied.

Copy.bug.resolve.mp4

Evidence

• How was this tested? This is quite mandatory in terms of bugs. Providing evidence of your testing with screenshots or/and videos is an amazing way to prove the bug and a troubleshooting chance to find the solution.

Bug : Navbar-Logout-Issue

Found a bug? Please fill out the sections below. 👍

Issue Summary

Even after the Logout the project of the previous user are still visible in the projects list.

Steps to Reproduce

1. Login to your account
2. Create some projects and now logout from your accout
3. Even after loging out you still find your projects in the projects section in the navbar.

Actual Results

• What's happening right now that is different from what is expected
  
  

Expected Results

• This is an ideal result that the system should get after the tests are performed

navbar-login-issue.mp4

[Bug]: Colour of Email and Password label changing

Describe the bug

Email and Password labels colour changing while entering the wrong credentials or not giving credentials.

To Reproduce

1. Go to 'login page'
2. Click on 'login without entering any credentials or enter wrong information'
3. See error

Expected behavior

The Email and Password label should not be red when error occurs.

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

Create a Proxy Signin and Signup Page

As we have the original Signin and Signup page on a custom domain that is app.localhost:3000/signin, we require to create a /signin and /signup page on the root domain as well so that if anyone visits localhost:3000/signin this redirects to app.localhost:3000/signin and same for signup page as well.

Note: Please use the domain name from process.env to redirect the user.

Create About Page

We require an About Page for review applications at /about which tells everything about the application.
As of now, you can create a modern beautiful page and we can change the text contents later.

Inspiration https://tailwindcss.com/showcase/turbo

Create New Button in /dashboard/forms Page

Is your proposal related to a problem?

The problem is that the "Create New" button in the /dashboard/forms page is not disabled when no project is selected, which can lead to confusion when users proceed with creating a form without a project. And, there's no alert message to let them know about that.

2023-10-07.21-34-19.mp4

Describe the solution you'd like

I propose that we should:

1. Disable the "Create New" button on the /dashboard/forms page when no project is selected.
2. Add an alert message to inform users that they need to select or create a project before proceeding.

We can use the shadcn alert component (shadcn Alert Component) to display this alert message.

Describe alternatives you've considered

One alternative to consider is hiding the "Forms" tab on the /dashboard page when no project is selected.

Requirement/Document

[Bug]: Dark theme is not working properly for forms preview while creating new form

Describe the bug

When dark theme is applied the text "Powered by Review" and the heart shaped logos are not visible.

To Reproduce

While dark theme is applied

1. Go to 'dashboard'
2. Click on 'Forms'
3. Then click on 'Create new'
4. See error

Expected behavior

The logos and text should be visible.

Screenshots/Videos

app.localhost_3000_dashboard_bbhbh-bjb_forms.mp4

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened

[Bug]: Padding issue in the container of form name

Describe the bug

Issue with the container of the form name

To Reproduce

1. Go to Dashboard
2. Click on Forms
3. Create a form
4. See error on top left

Expected behavior

Whole name of the form should be visible

Screenshots/Videos

Additional context

Paddinng of container to be fixed

Please checkmark the following checklist

• I make sure that similar issue is not opened

[feat]: add table for id , slug and title on dashboard

Problem is after creating a project from dashboard the project tile and project id and slug the style of the thing is ugly

(Write your answer here.)

I want the structured table for the thing and also a skeleton element while the id, slug and tile is loaded in the table

Warning: Uncontrolled to Controlled Input Transition at signup page

Found a bug? Please fill out the sections below. 👍

Issue Summary

I encountered a warning message in my React application with the following details:
Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen.

Steps to Reproduce

1. Visit the signup page by navigating to http://app.localhost:3000/signup.
2. On the signup page, locate the "Last Name" input field.
3. Make any changes or edits in the "Last Name" input field.

Actual Results

• A warning message appears in the console during component rendering, indicating a transition from an uncontrolled input to a controlled input due to a value change.

Expected Results

• I expected the application to handle input elements consistently, either as controlled or uncontrolled inputs, without triggering warnings of this nature.

Technical details

• Browser version, screen recording, console logs, network requests: You can make a recording with Bird Eats Bug.
• Node.js version
• Anything else that you think could be an issue.

Evidence

docs : Add contributors section in readme.md file and website demo gif

Is your proposal related to a problem?

1. I want to add the contributor's section in the Readme.md file
2. Add the Website(Review App) demo GIF

Describe the solution you'd like

Describe alternatives you've considered

(Write your answer here.)

Additional context

(Write your answer here.)

Requirement/Document

(Share it here.)