P
@datotsSubmitted 8 months ago
Latest comments
- P@SabaMarghania1Posted 8 months ago
Your code quality is pretty good, and with only useState for state managements it's really nice. I can't say anything about design part, but if you want my suggestion or opinion about programming part, Check useEffect,useReducer ,useContext and react-router-dom. Also for modals, library which you used is good but try to create your own, with portals. To know exactly how to do this.
0 - @amjadsh97Submitted 9 months agoWhat are you most proud of, and what would you do differently next time?
I learned how to handle form by using formik library. it was great and helpful. I will make an app by using formik and integrate it with backend.
- @The-isaacagboolaSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
I totally enjoyed building this under a self imposed deadline of 24hours. I overshot it with a few hours anyway. I feel fulfilled
What challenges did you encounter, and how did you overcome them?Managing images import from a data.json file was a little tricky solved it by making th e imports first then assigning the entire file to a javascript array object. Also found out i could have sipmply solved this using the react tag.
Also encoutered slight issues with the state management; solved this by obeying the standard practice of declaring globally used variables in the context declaration and making use of the spread operator to clone the global items when used in a seperate module. Came up with a personally law; NEVER TRY MUTATING A CONTEXT VARIABLE FROM A SEPERATE MODULE, RATHER DEFINE THE FUNCTION IN THE CONTEXT THEN USE IT ELSEWHERE.
What specific areas of your project would you like help with?An overview of the industry standard on state management and its dynamics.
P@SabaMarghania1Posted 8 months agoIf you want, to use images without import you can use public folder for this purpose. also check useReducer.
0 - @mikalPaudelSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
i did it fast
What challenges did you encounter, and how did you overcome them?maybe with the padding and margin as always. also i dont know if i have styled the design correctly.
What specific areas of your project would you like help with?responsive page
P@SabaMarghania1Posted 8 months agoIt's good, for centering you can use flex.
Marked as helpful0 - @tejas11054Submitted 10 months agoP@SabaMarghania1Posted 10 months ago
In design, you already know what you need to do, but make sure to include an easy feature for user experience. When a person types, automatically insert a space after every four digits. you can find it in my code, or on a stackoverflow
const input = document.getElementById("credit-card-input"); input.addEventListener("input", () => input.value = formatNumber(input.value.replaceAll(" ", "")));
use this, but make sure that you understand what you are doing here! const formatNumber = (number) => number.split("").reduce((seed, next, index) => { if (index !== 0 && !(index % 4)) seed += " "; return seed + next; }, "");
0 - @MelvinAguilarSubmitted about 1 year ago
REST Countries API (Next.js & Server Actions + TypeScript + Tailwind)
#accessibility#next#tailwind-css#typescript#lighthouseP@SabaMarghania1Posted 10 months agoWow, That's amazing. how did you develop your coding skills?
0
