P
@wideirpSubmitted 7 months ago
Latest solutions
Latest comments
- P@flavin-jrPosted 2 months ago
Great job overall! The code is well-structured, and I can see the effort you put into making it functional and clear. However, one thing to keep in mind is the size of some components/functions. They’re quite large, which can make the code harder to read, maintain, and debug in the long run. Consider breaking them down into smaller, more modular pieces to improve readability and reusability. Keep up the good work!
0 - P@itsmesrishtiSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of finishing the project. If available I would like to use an api to create a password. This time around I wasn't able to find an api that fulfilled my requirements.
What challenges did you encounter, and how did you overcome them?I encountered the following challenges:
- custom input slider
- how each selected feature can be included in the password
- how to copy text
- how I can determine password strength
I overcame the challenges by:
- finding a resource on the internet for the custom input slider
- ensuring that each selected feature is mentioned at least one time and then the rest of the passwrod is filled in randomly
- googling and finding clipboard api
- was looking for an api for the password strength couldn't find one so in the end I did it on my own on the basis of the length of the password.
Any help or suggestion is appreciated!
P@flavin-jrPosted 3 months agoThe code for this project is very well-structured, reflecting solid development practices. The organization of React components is clear and functional, making the code easy to read and maintain. The use of TypeScript adds strong typing, which enhances the robustness of the project and minimizes potential runtime errors. Additionally, the use of Sass demonstrates a thoughtful approach to styling, allowing for nested rules, variables, and mixins, which promote maintainability and scalability in CSS.
0 - P@makogeborisSubmitted 3 months agoP@flavin-jrPosted 3 months ago
The code for this project is very well-structured, reflecting solid development practices. The organization of React components is clear and functional, making the code easy to read and maintain. The use of TypeScript adds strong typing, which enhances the robustness of the project and minimizes potential runtime errors. Additionally, the choice of Tailwind CSS is modern and effective, simplifying the design process while ensuring a consistent visual style.
2 - P@mayor-creatorSubmitted about 1 year agoP@flavin-jrPosted 6 months ago
i think that the main goal that you are trying to reach with this solution was practice your js skills, therefore, your design has something to improve. Good work!! keep it up!!
0 - @Alexandru736Submitted 7 months agoWhat are you most proud of, and what would you do differently next time?
How I managed my first webpage using JS. I am also proud how I managed to insert the json data dynamically into the code. Next time, I might change how I populate the html string. I've look it up that modifying the
What challenges did you encounter, and how did you overcome them?innerHTMLproperty is security-breach prone, so it might be not safe to use it the same I did this time. I am also proud that through the process of designing the app, I found out about ARIA standards. I would recommend everybody who learns about web accessibility to look it up.It was pretty hard for me to understand the interaction between the CSS and HTML, how to add events to the tabs, so that both their state and the panels' states change, and how to do that while fetching the data from json. I overcame this challenge by separate the event handlers to the fetching process. Then, I manipulated the json data and split it into the 3 different timeframes, so that accessing the value would be made more easier in the HTML file. In the end, instead of thinking how to update the HTML string, I generated the 3 different panels in the javascript file.
What specific areas of your project would you like help with?I would love if I would be pointed better solutions for the json data manipulation, so that, if there would be added another timeframe as a tab, the whole process of adding is done easier.
P@flavin-jrPosted 7 months agogreat job, a little different form the main design, but great work!!!!
1 - P@wideirpSubmitted 7 months ago
