ProFeedback is a product feedback portal where users can submit any suggestions, bugs occurring in their app, and also for IT personnel to utilize as a tool to overview any changes they have to make based on popularity of feedback and address it accordingly.
-
Where can I see your demo?
You can see the demo by going to this link here.
-
What was your experience?
I don't think I had too much trouble except for when I went through deploying the app to Heroku. There was an issue with how I had named the files which Heroku was pointing an error to, but it was not necessarily clear in its error message. So with a couple of eyes, we were able to figure it out and fix it.
-
What have you learned/improved?
The folder structure and the way I have the files and modules communicate with each other is something to point out here. The project is a lot bigger than what I had initially thought, so learning to plan out the features and how long each could take to implement is something to note for any project coming my way.
-
Your wisdom? :)
As the saying goes, "don't bite off more than you can chew", this project is scalable and will keep growing as I add more features based on it's design.
- This project is the frontend of a fullstack application: this is the repo for the backend
- For this portion I am using React and Redux to connect to the backend.
- Redux isn't necessarily needed here as the project is not complex and does not have different moving parts that need a central state management system.
- Just to note is currently not responsive, but will be the next feature I work on this project
Assuming you are well versed in React and Redux, if you want to take a look at the code overall, the best place to start is the App component, as you can see I have imported the pages I have coming from the page folder along with the BrowserRouter and the Switch and Route components as well.
- User story: I can add a feedback post
- User story: I can edit a feedback post
- User story: I can delete a feedback post
- User story: I can see all the feedback
- User story: I can click on a feedback title which will lead me to the details page
Add more functionality beyond the main CRUD functionality:
- In the Main Page:
- Ability to upvote a feedback
- Tile that gives ability for users to filter by category
- A "sort by" dropdown button based on:
- Most upvotes
- Least upvotes
- Most comments
- Least comments
- Tile providing overview of the status of cards represented by the number of cards per status
- Link to view an overall roadmap page
- Add Roadmap page
- Inside the FeedbackDetail Page:
- The ability to post a comment and reply to a comment
- Have the ability box have a character counter
- Nest comments
- Make the page responsive
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/jose-a-dlc05/profeedback-frontend.git
# Install dependencies
$ npm install
# Run the app
$ npm start