All solutions

This was fun, but way trickier than it looked in places! For example, tracking all the global states, prices, etc. As always, any help is welcome :)

I went with local storage to store the users bookmarked items, so they persist on refresh.

Thank you for any time spent on feedback!

Thank you for any time spent!

This was fun. I added some of my own twists on interaction, animation and UI. Just to give it a unique spin.

Thank you for your time!

Hi all! Here is an app featuring the NextJS framework (with server sider rendering) and some JS filtering.

NextJS seems pretty good from building this, and I am excited to get to know more about it, So any tips are welcome!

Hello all! This was fun.

I tried to hit all the bonus challenges listed in the project description:

• Create, Read, Update, and Delete comments and replies
• Bonus: If you're building a purely front-end project, use localStorage to save the current state in the browser that persists when the browser is refreshed.
• Bonus: Instead of using the createdAt strings from the data.json file, try using timestamps and dynamically track the time since the comment or reply was posted.

• First-level comments should be ordered by their score, whereas nested replies are ordered by time added.
• Replying to a comment adds the new reply to the bottom of the nested replies within that comment.
• A confirmation modal should pop up before a comment or reply is deleted.
• Adding a new comment or reply uses the currentUser object from within the data.json file.
• You can only edit or delete your own comments and replies.

Thanks!

Hello there! I spent the weekend learning Three JS in order to get 3D models in to the browser.

I selected a project and put my own spin on it, by taking the flat images and converting them to 3D models, so the design preview will not match up fully.

As you can see, I am not a 3D artist, but I do find it fun!

You can drag to rotate the models, zoom in with the mouse wheel, or pan with ctrl+left mouse. I do have an issue where the canvas will "Hijack" the page scroll event, which is very annoying when scrolling down. So if anyone has a workaround for this, please let me know :)

Thank you!

Hello! Today I learned about Vuex, in order to deal with global state management.

At the moment the user can enter under the minimum pledge amount (but not be 0), so I would like to fix this when I next find free time. Also the design does not seem to show the correct percentage for the pledge total? I may have the math wrong though (progressBar.vue), if someone could let me know, that would be appreciated!

Overall this was really fun, and got quite tricky when keeping track of pledges remaining, pledges made, pledge total ect. Learnt a ton though!

Any advice with Vuex (or anything!) is very much welcome

Hello all! Today I learned about managing global state, using React and Redux. As always, pointers are welcome!

Thanks very much.

Hello all! Today I had fun learning how to implement a slider, and hook into slide events.

Any advice is welcome!

Hello there! Today I learnt about hitting an API and populating the UI. Built with vanilla JS and sass.

However, I cannot figure out how to format the date that is returned from github. I would like to change "2010-04-26T06:17:58Z" into "25 Jan 2011" for example.

Any pointers are appreciated!

Hello there! This was a fun little project, and I got to try implementing a functioning map. Any advice is welcome!

Hello! I struggled with this one! I found it hard to build the content so it doesn't "jump around" when clicked, due to content and images being differing heights and widths. I hope I found a decent workaround. Built with React and framer motion, and data driven by JSON.

Thanks for looking!

Hello all! I decided to up the stakes and try my hand at a Junior level challenge.

Here I learned how to:

• fetch data from a json file
• use the data to populate the DOM content (vanilla js, no frameworks)
• swap the content on click, driven by the available data

As always, any time spent is very much appreciated!

Thank you for any time spent!

Thank for any time!

Thank you for any time spent reviewing my code!

Thanks for any time spent on feedback!

Learning flex and grid, any pointers welcome.

Hello all, today I am learning flex and grid. Feel free to point me in the right direction.

Thank you!

Hello there! I have always struggled with understanding how to capture/prevent events bubbling up and triggering when not required.

Here I got the chance to figure out how to:

• Click anywhere in the doc to close the social media popup
• When clicking inside the social media popup, do not close it (stop propagation)

Thank you for any advice

Hello all, I decided to try my hand at the bonus challenge listed in the project notes (no JS). The accordion is a pure css approach, with no use of JS to toggle the accordion. Please let me know if there is a better solution!

At first this layout seemed obvious, but I ran into a few issues, such as how does the card behave if more than one accordion is open, and how it should wrap down for tablet views (no design provided). I made a few decisions myself, and I hope it works well.

As always, I look forward to any advice.

Trying out next, and passing data through components. Thanks for any time spent.