All solutions

What are you most proud of, and what would you do differently next time?

Creating a concise layout, and breaking down the overall design into smaller patterns.

What challenges did you encounter, and how did you overcome them?

Layout of the chat app UI. Used flexbox to create the layout.

What specific areas of your project would you like help with?

Any feedback is appreciated.

What are you most proud of, and what would you do differently next time?

Utilizing ReactJS for the first time for this app.

What challenges did you encounter, and how did you overcome them?

Some layout issues, and understanding state management.

What specific areas of your project would you like help with?

Any feedback is appreciated!

What are you most proud of, and what would you do differently next time?

I'm glad that I was able to manage the state, store and send the user's information on a static site with vanilla JS.

What challenges did you encounter, and how did you overcome them?

Managing the state of the variable, storing and sending the email id to a different page on a static site. I used local storage to overcome this issue.

What specific areas of your project would you like help with?

Any and all feedback is appreciated!

What are you most proud of, and what would you do differently next time?

1. Handling the markup for the complex layout
2. Responsiveness of the layout
3. Improved confidence with DOM manipulation

What specific areas of your project would you like help with?

Any feedback is appreciated. I particularly need help with the email form.

What are you most proud of, and what would you do differently next time?

I'm not very proud of this solution to be honest. I underestimated the challenge. I'd make the code more concise and trim down the excessive components next time.

What challenges did you encounter, and how did you overcome them?

1. Positioning tooltip on larger screens. I solved this issue by creating a div to wrap the buttons and the tooltip in it, and gave the tooltip absolute positioning.
2. Creating the proper active states for both mobile and desktop. I solved this issue by creating different markup and styles for each.

What specific areas of your project would you like help with?

The markup and CSS was messy and I had to use a lot of extra components which are probably not necessary. I'll make the necessary code changes based on any feedback. There is also a 'bug', which occurs when testing the website's responsiveness with devtools, but shouldn't be an issue for the end user. Nonetheless, any help in fixing the bug is highly appreciated.

What are you most proud of, and what would you do differently next time?

Breaking down the tasks and completing them within the self-assigned deadline.

What challenges did you encounter, and how did you overcome them?

Background images and positioning.

What specific areas of your project would you like help with?

Any tips on naming conventions, accessibility, semantic markup or style suggestions.

What are you most proud of, and what would you do differently next time?

I solved a complicated page which seemed really challenging at first. I'm proud of the fact that I was able to break down the components and build them one by one, even managing to overcome the issues that I did not expect during initial planning.

What challenges did you encounter, and how did you overcome them?

1. Positioning of the various background patterns.
2. Creating the mobile nav button and making it functional
3. Keeping a consistent markup
4. Design images were provided for desktop and mobile, but on medium screens, the design was looking awkward, so I opted for some creative liberties.

What specific areas of your project would you like help with?

Any help on semantic markup, better styling and transition, accessibility or functionality issues. Suggestions for alt tags for the 'background patterns'.

What challenges did you encounter, and how did you overcome them?

I was stuck at selecting and iterating through all the question panels on the DOM using class names. Had to study a bit on it and figured it out.

What specific areas of your project would you like help with?

Make the JS more concise, any tips on semantic HTML or making the CSS more coherent.

What are you most proud of, and what would you do differently next time?

Accumulated practice of the basic layouts, got more confident with the box model.

What challenges did you encounter, and how did you overcome them?

I could not add vertical margins to anchor tags. A few google searches away I realized that the anchor tags are inline (they ignore vertical margins), so I changed them to block elements.

What specific areas of your project would you like help with?

I'd like feedback on:

1. The Design
2. Naming conventions
3. Code Conciseness
4. Future development (I plan on adding a night mode/dark mode feature made with vanilla CS and JS)

What are you most proud of, and what would you do differently next time?

Tried mobile-first workflow for the first time.

What challenges did you encounter, and how did you overcome them?

Surprisingly, recreating the design was harder than the responsiveness.

What specific areas of your project would you like help with?

I've a lot to improve on for this project. Any feedback is welcome.

What are you most proud of, and what would you do differently next time?

1. I'd like to go for a mobile-first approach when I make a similar layout again.
2. I'd like to include more IDs for the markup and specific CSS.

What challenges did you encounter, and how did you overcome them?

Centering the flex parent (main tag) vertically. I just added vertical padding, which isn't the best solution.

What specific areas of your project would you like help with?

I require help with the following:

1. Centering the flex parent (main tag) vertically to the body. The man tag had a fixed height, and I added vertical padding to make it look better. Any tips on this will be appreciated.
2. Writing more concise CSS and feedback on the naming convention.

What specific areas of your project would you like help with?

I'd like help with the naming convention and feedback on writing more clear and concise code.

What are you most proud of, and what would you do differently next time?

For this project I setup git for the first time, which I had some trouble doing previously. The project itself was fairly simple and easy, I'd work on the font responsiveness if I've to change anything

What challenges did you encounter, and how did you overcome them?

Figuring out how to host the site on github pages, MDN Docs helped a lot.