POST stories. GET features.

Overview

Open Source Love svg2 MIT license

User Story

Introduction

The goal of User Story is to design and present a scalable backend infrastructure that delivers a web interface allowing users to request new features and give feedback in an easy and intuitive way. Users can attach files with their story to explain what they want. The admins can then resolve, close and update the status of these stories. Users can interact with other stories via comments and votes. This can also serve as an efficient feedback and response mechanism which is critical for any organization to improve and make progress. Simply, its a product management tool.

How it works

Guidelines for development

Setting up the project

After cloning this repository you will need to install all the dependencies: npm i

User Story uses this repository as its backend. There are two ways to set up the backend:

  • You can use Docker to setup backend by following these instructions If you are planning to work only on the frontend of User Story, then follow along.

  • You can setup backend locally by following these instructions.

If you want to work only on the frontend then go to src/config.json and change the value of apiURL to https://userstory-strapi.herokuapp.com.

Then run: npm start to run the app in development mode.

Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

JS and SCSS quality assurance

Before submitting a PR/MR make sure your code is compliant with our JS rules by running: npm run test:js You can format it automatically by running: npm run format.

To make sure your SCSS is compliant run: npm run test:scss

Build it to ensure it will work on production

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed!

See the section about deployment for more information.

How to contribute

Code contributions

  1. Open a new issue or pick an open issue from the issue list and claim it in the comments. Make sure that the issue is confirmed so you don't work on something that will not be approved to be merged.
  2. Make sure you follow our best practices: refer to our Wiki. You'll find information on writing code, how to name a branch, how we release, etc.
  3. Join Slack [optional] to get in touch with the maintainers if you have any doubt: join slack
  4. Make sure you fork the project, cloning it will not give you the right access to open a PR/MR. How to open a PR in open source

Design contributions

If you'd like to contribute with design changes, you'll have to do as follows:

  1. Open an issue
  2. Add all relevant information to the issue. Please be as descriptive as possible. Add links to references, images, videos, etc.
  3. While working on your design, please make sure you follow our design guidelines.
  4. Once the issue is approved by us, it'll be ready to be implemented.

Learn more about the EOS Design System

Comments
  • Upgraded dependencies

    Upgraded dependencies

    Issue Number

    fixes #114

    Describe the changes you've made

    I have made the following changes:

    • Upgraded the dependencies to their latest version
    • Fixed breaking changes due to upgraded dependencies
    • Fixed the linting errors due to upgraded dependencies
    • Updated documentation to install using proper command

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    NA

    Additional context (OPTIONAL)

    NA

    Test plan (OPTIONAL)

    NA

    Checklist

    • [x] My code follows the code style of this project.
    • [x] My change requires a change to the documentation.
    • [x] I have updated the documentation accordingly.
    • [ ] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.

    Provide a Deployed link of route/page that needs to review

    NA

    opened by kailash360 10
  • Successfully updated the copyright year in the footer and updated the mobile design of Login/Register page

    Successfully updated the copyright year in the footer and updated the mobile design of Login/Register page

    The Issue number: #166 and #184 Fixed #166 and #184

    I have changed the copyright year from 2020 to 2022 in the footer section. You can see the change on "sign-in" page. I have also updated the mobile design of the "sign-in" page.

    Preview Deployed link: http://localhost:3000/login

    • [x] My code follows the code style of this project.
    • [x] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.
    opened by dikshashukla455 9
  • Fix #250: Added switch in story list filter

    Fix #250: Added switch in story list filter

    Issue Number

    fixes #250

    Describe the changes you've made

    I have added a new package react-switch to import the Switch component. I have then added some props to customize the component. I added conditional rendering in the roadmap filter to display it only when the switch is toggled to the By roadmap status option. I have also modified the GraphQL query to fetch the stories based on current status.

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    NA

    Checklist

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [x] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.

    Provide a Deployed link of route/page that needs to review

    https://user-images.githubusercontent.com/75155230/181272567-86a2d0ec-6a65-4dd0-9539-9c17a65c01e7.mp4

    opened by kailash360 7
  • UI not responsive for smaller Screen sizes

    UI not responsive for smaller Screen sizes

    Describe the bug

    A clear and concise description of what the bug is.

    UI is not responsive for smaller screen sizes

    To Reproduce

    Steps to reproduce the behavior:

    1. Open application chrome
    2. Use chrome inspect element to checkout responsiveness
    3. Switch between screens sizes.

    Environment (please complete the following information):

    • OS: Windows 10
    • Browser: Chrome

    Additional context (OPTIONAL)

    Screenshot 1 | Screenshot 2 | Screenshot 3 | Screenshot 4
    :-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:| ui 1|ui 2|ui3|ui 4

    opened by Abhijay007 7
  • Updated dependencies and added tests

    Updated dependencies and added tests

    Issue Number

    fixes #114

    Describe the changes you've made

    I have made the following changes:

    • Upgraded all the dependencies to their latest versions

    • Added new test cases for exhaustive testing

      • For authentication image
      • For creating new story page image
      • For an individual story
        image
      • For homepage/dashboard and it's filters image
      • For a user profile image
    • Removed the special note to install NodeJS 13.x.x in the Installation section in README.md

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    NA

    Test plan (OPTIONAL)

    • Install the dependencies using npm i -f command
    • Run the command to run the Cypress end-to-end tests
    cd cypress
    npm run cypress:open
    

    Checklist

    • [x] My code follows the code style of this project.
    • [x] My change requires a change to the documentation.
    • [x] I have updated the documentation accordingly.
    • [x] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.

    Provide a Deployed link of route/page that needs to review

    NA

    Describe the changes you've made

    I have fixed the functionality of sorting in the stories component. I have updated the backend for the same. Currently, the sorting is done only on the frontend hence because of pagination the desired result is not achieved so the sorting must be done on the backend and sent back to the frontend. PR for changes in the backend https://github.com/EOS-uiux-Solutions/strapi/pull/32

    Additional context (OPTIONAL)

    https://userstory.eosdesignsystem.com/story/60ede6e1bdb8130015a83154

    Test plan (OPTIONAL)

    1. Visit the home page.
    2. Try to toggle the sorting dropdown

    Checklist

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [x] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.
    opened by codetheorem 5
  • added notification badge

    added notification badge

    Signed-off-by: Hrishikesh Agarwal [email protected]

    Issue Number

    fixes #137

    Describe the changes you've made

    Added badge over the notification icon in navigation panel.

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    NA

    1.Go to home page 2.login into your account 3.see notification icon

    Checklist

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [x] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.

    Home EOS User story

    opened by codetheorem 5
  • Change Reply button position

    Change Reply button position

    Describe the bug

    The reply button and View replies button are touching each other and reply button is not visible clearly.

    To Reproduce

    Steps to reproduce the behavior:

    1. Visit this URL
    2. See the comments section

    Expected behavior

    There should be space between two buttons or one should be below the other.

    Environment (please complete the following information):

    • OS: Windows 10
    • Browser: Google chrome.

    Additional context

    EOS User story (1)

    opened by codetheorem 5
  • Update Copyright year

    Update Copyright year

    Describe the bug

    eos6

    We just need to change the copyright year from 2020 to 2022 which is written on the sign-up card.

    Add any other context about the problem here.

    opened by StarTrooper08 4
  • Profile image (with error) floating on the home page

    Profile image (with error) floating on the home page

    Describe the bug

    A clear and concise description of what the bug is.

    To Reproduce

    Steps to reproduce the behavior:

    1. Go to the home page and see the following image for an inexistent profile image:

    image

    Expected behavior

    That "profile" image should not appear there.

    opened by cyntss 4
  • Updated alignment of attachment icon in Comment Form

    Updated alignment of attachment icon in Comment Form

    Issue Number

    fixes #295

    Describe the changes you've made Screenshot 2023-01-05 at 5 16 31 PM

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    Additional context (OPTIONAL)

    Test plan (OPTIONAL)

    A good test plan should give instructions that someone else can easily follow.

    Checklist

    • [x] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] All new and existing tests passed.
    • [x] The title of my pull request is a short description of the requested changes.

    Provide a Deployed link of route/page that needs to review

    Preview: Deploy preview link here with the appropriate route

    Describe the changes you've made

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    Additional context (OPTIONAL) Screenshot 2022-12-31 at 6 56 22 PM

    Test plan (OPTIONAL)

    A good test plan should give instructions that someone else can easily follow.

    Checklist

    • [x ] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] All new and existing tests passed.
    • [x ] The title of my pull request is a short description of the requested changes.

    Provide a Deployed link of route/page that needs to review

    Preview: Deploy preview link here with the appropriate route

    Describe the changes you've made I have created a new component which has loader on button itself that loads onclick. Added this component to all the Button with async callbacks.

    Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

    1. In some asynchronous functions preventDefault was used which was restricting the new button component as expected. So, I removed it. No extra warnings or errors.
    2. I changed apiUrl to localhost:1337 , do I need to change it to previous one for pr.

    Additional context (OPTIONAL)

    Screenshot 2022-12-29 at 4 16 25 AM Screenshot 2022-12-29 at 4 18 28 AM

    Test plan (OPTIONAL)

    A good test plan should give instructions that someone else can easily follow.

    Checklist

    • [x ] My code follows the code style of this project.
    • [ ] My change requires a change to the documentation.
    • [ ] I have updated the documentation accordingly.
    • [ ] All new and existing tests passed.
    • [x ] The title of my pull request is a short description of the requested changes.

    Provide a Deployed link of route/page that needs to review

    Preview: Deploy preview link here with the appropriate route