@AReactDeveloper
Submitted
What are you most proud of, and what would you do differently next time?
I FELT CREATIVE SOLVING SOME OF THE PROBLEM I FACED NOT BEST CODE PRACTICES BUT U KNOW IF IT WORKS DONT TOUCH IT
What challenges did you encounter, and how did you overcome them?
PLEANTY AT THIS POINT I CAN MAKE A 40MIN VIDEO LONG ABOUT IT
What specific areas of your project would you like help with?
IM STILL CLUELESS ABOUT ANIMATION AND OTHER STUFF BUT IM LEARNING AS MAKE THESE
Submitted
What are you most proud of, and what would you do differently next time?
I’m really proud of my perseverance throughout this project. Some bugs took me a full day to resolve, and given that I work a 9-hour day, that means a day’s worth of coding time was often just a couple of hours. I even sacrificed sleep to get things done. The hands-on approach has taught me far more than any book or tutorial ever could.
Although I set a one-week deadline for myself and couldn't complete all the bonus features within that time, I’ve learned so much in the process. Balancing this with my full-time job has been challenging, but I’m taking away valuable experience and skills from it all. I’ll carry these lessons forward and apply them to future projects.
Update : Added drag and drop functionality using framer reorder component
What challenges did you encounter, and how did you overcome them?
I faced several challenges during this project, many of which are embedded in the code itself. Some of the code lines might seem questionable, but they were implemented to fix specific issues or to make things work. Overcoming my perfectionism has been a crucial part of my journey—learning to accept that not everything has to be perfect has been a significant breakthrough for me.
The biggest challenge has been integrating external libraries with my design. For instance, working with react-beautiful-dnd didn’t go as smoothly as I hoped. Despite my strong grasp of my own code and design, making external libraries fit seamlessly into my workflow proved difficult. I’m open to any help or advice on this issue, as I believe it could greatly improve my understanding and implementation of such libraries in future projects.
What specific areas of your project would you like help with?
getting react dnd to work with the way i set up my state management planning to add local storage later
Submitted
What are you most proud of, and what would you do differently next time?
I’m really proud of how organized I was with this project, especially when it came to time management and the coding workflow. Using CSS variables and a somewhat utility-based approach saved me a lot of time and helped keep things neat. The responsiveness of the design turned out great, and I’m happy with the overall code quality and functionality.
Looking ahead, I’d love to focus on improving accessibility and providing a better user experience. There’s always room for improvement, and fixing any mistakes or refining the design will be a priority next time. inchalah
Submitted
What are you most proud of, and what would you do differently next time?
my code or this app validate and check if all form fields are filled out correctly before submitting. It ensures the first name, last name, message, and email are valid, that a radio button is selected, and that the consent checkbox is checked. If there are errors, it highlights them and shows messages. When everything is correct, it displays a success message and reloads the page after 2.5 seconds. In a real-world scenario, instead of reloading the page, you'd typically handle the form submission with a backend system to process and store the data.
in case you need that code for reference or to use to it to validate your own form feel free to use it
What challenges did you encounter, and how did you overcome them?
Validation Logic but with some research i think i did alright Accessibility trying my best to make my app accessible to everyone
What specific areas of your project would you like help with?
if you can read my code or just the script file correct my mistakes ill highly appreciate it the most help needed is how I can improve my logic and my code thank you
Submitted
Submitted
Submitted
What are you most proud of, and what would you do differently next time?
I made a GitHub read me file for my code that's something that made it look good stands out if you can take the time to review my code tell me what I could do better next time i highly appreciate it thank you
Submitted
What are you most proud of, and what would you do differently next time?
I would have my CSS more organized I'm trying my best but sometimes I still get lost in my project sass files if you have any tip to help with that please comment it
What challenges did you encounter, and how did you overcome them?
first time experimenting with read me file in GitHub , I've used just a template but its really interesting fun fact even your profile can have an organized read me awesome
What specific areas of your project would you like help with?
to be honest can't think of any now my CSS is not perfect but sometimes you have to patch things up to get it to work one of the eternal rules of programming if it works don't change
Submitted
What are you most proud of, and what would you do differently next time?
i love this mobile first approach i use to struggle with the other way around im so proud how that looks with only vanilla js some lines of code actually like it
What challenges did you encounter, and how did you overcome them?
just some fun CSS hell you write something it doesn't turn up as expect so you must debug and re write some code
What specific areas of your project would you like help with?
i would like help with general layout or any tips about bad practices in css that leads to overflow and undesired effects if you got some please share ill make sure to mark ur comment as helpfull
Submitted
What are you most proud of, and what would you do differently next time?
i would try to get the down arrow working also i would try to get the social media panel look identical i would polish and review my CSS next time i would focus more on accessibility best practices
What challenges did you encounter, and how did you overcome them?
just getting that user box to be that small I struggled with the image size and position if you have any tips or tricks on best way to get that work with few lines of codes id appreciate it thank you
What specific areas of your project would you like help with?
aligning things and positioning them without something else breaking in the site
Submitted
What are you most proud of, and what would you do differently next time?
once again with the mobile first approach I don't know why i struggle with it from like an organization stand point maybe cause I'm so used to making desktop designs first
What challenges did you encounter, and how did you overcome them?
I learnt a lot during this I had a lot of challenges but once a figure it out it was easier than I expected my brain just over estimate simple bugs
What specific areas of your project would you like help with?
I tried to put the media query breakpoint on a lower level but i couldn't be creative enough to think of a layout for tablets I tried to use grid template areas but i guess it was made for bigger layout that's why it didn't work well here I'm trying to improve my code make it cleaner DRYER so if you could help with any tips and trick thank you so much
Submitted
What are you most proud of, and what would you do differently next time?
This was challenging however I managed to get it to work as close as possible you are welcome to view the code and the workflow please leave a comment an advice something I could better next time or point out any blander or mistake I made your help is very appreciated thank you
What challenges did you encounter, and how did you overcome them?
sometimes the wrapper container would over flow to the top right side I fixed it somehow but I don't know what causes that behavior playing around with flexbox values till I get it right was challenging but it was equally as fun
What specific areas of your project would you like help with?
I would like to know do we use rem for everything or just text sizes like places where you need margin and padding around the box model
Submitted
What are you most proud of, and what would you do differently next time?
As the title suggest I took the mobile first approach in the making of this however I struggled with getting the responsive image in place due to how browser works (using cache) I couldn't tell if the changes works till I figured that out from a Kevin Powell's video I learnt a lot doing this mobile first approach I can see why its really popular note : during the test it only works first time unless you refresh the page cause once the image is loaded in the big screen it stays in the mobile version unless you refresh i don't know if this is the way in all browsers or just chrome thank you for checking this out i did minimize media query code here i would like to use even less queries in the future
What challenges did you encounter, and how did you overcome them?
getting the responsive image to works srcset property and the pain of testing it in chrome (till i disabled cache later ) using less media queries or less code with in the query
What specific areas of your project would you like help with?
any tips or criticism of my code will be highly appreciated as I learnt a lot from previous comments on my challenges thank you
Submitted
What are you most proud of, and what would you do differently next time?
Yet again challenging myself to make it pixel perfect or as close as it can be thanks to my friend @DarkstarXDD I focused on responsiveness and made it look good in all devices
What challenges did you encounter, and how did you overcome them?
box model figuring out how media queries work or at least basics of them
What specific areas of your project would you like help with?
if someone can tell me when its optimal to use rem and em and when to use plain old pixels
Submitted
What are you most proud of, and what would you do differently next time?
a good practice in this entry level project , I tried to get it to match as much as possible like my previous challenging , I have experience in sigma UI design but i'm realizing the pain of the implementing it into CSS html thank you for passing by if you like then like really motivates me to continue my learning processes thank you
What challenges did you encounter, and how did you overcome them?
trying to practice more the pixel perfect approach learning to let go when its close enough , chasing perfect implementation of the design provided but in realistic terms
What specific areas of your project would you like help with?
i would like my designs to follow accessibility rules better
Submitted
What are you most proud of, and what would you do differently next time?
Hello again dear community in this project i used scss preprocessing i didn't wanna use just vanilla like previous one i wanted to learn something new every challenge from this website i tried to get this as pixel perfect as possible though sometimes that gave me a headache considering its very hard to calibrate between margin and padding i know basic box model stuff but I've always struggled with that if you have any tips please leave them down below ill make sure to mark your comment as helpful comment if you care to spare time to review my code help me out with my mistakes and stuff i appreciate that a lot also thank you much for passing by
What challenges did you encounter, and how did you overcome them?
trying to get pixel perfect design while calibrating width and height with margin and padding I don't think I overcame that
Submitted
What are you most proud of, and what would you do differently next time?
Well this is my solution to this project i tried to make it as pixel perfect as possible thank you if you interesting in talking to me here is my ig thank you @chad.abdelhak
