SONU KUMAR SINGH• 40
@sonu20020525
Submitted
Boxer
@morshed-murad
All comments
- Boxer• 130
@morshed-murad
Posted
it also better
0 @lere22
Submitted
What are you most proud of, and what would you do differently next time?
I think I'm proud of how to use what I learned so far, such as how to do DOM and event handler to show/hide the element on my website.
What challenges did you encounter, and how did you overcome them?
The challenge is how to show/hide the element with a JavaScript approach. I want to do it with conditional if..else to manipulate the aspect but when I try to look at the documentation via MDN or W3Schools there's a method called "toggle" and I try to implement that method to my code and it looks good and simple too.
What specific areas of your project would you like help with?
I want to know if there is a simple way to toggle an element instead of the one I'm using and maybe some advice to improve the accessibility of my code.
Boxer• 130@morshed-murad
Posted
it was good
0- Better5afe• 850
@better5afe
Submitted
Hi All!
Without further ado:
- The app is built with React.js and TypeScript.
- Styles are added using SCSS.
- Data is fetched from a Firebase database.
- React Redux is responsible for overall state management - there are two separate reducers for rendering the jobs list and handling filters.
Core functionalities description:
- Users can view animated loading components while the data is fetched from Firebase - to fully showcase it, the fetching function is embedded inside of a
setTimeout()(I would not do it in a professional app). - Users will receive an error message if the data fails to be loaded.
- Once the data is loaded, users can apply filters in three ways: a) by typing in a value in the input and pressing enter; b) browsing through available filters list and pressing enter; c) clicking on an available filter from the list.
- Users will receive an appropriate feedback if there are no filters that would match the provided value.
- Users will receive an appropriate feedback if there are no job listings that would match chosen filter rules.
- Users will receive an error if they are trying to submit an empty or incorrect value.
- It is impossible to submit two identical filters.
- Users can view optimal layout for the site, depending on their device's screen size.
- Users can custom focus and hover styles.
- The app is fully accessible - it is possible to move through the entire app using only keyboard and trigger the same events as with mouse.
- For better UI, I implemented a custom scrollbar.
As always, I'll be happy to hear any feedback or suggestions.
Happy Coding! 🎃👻
Boxer• 130@morshed-murad
Posted
wow itis osem
0
