Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted


    Tic Tac Toe game with accompanying algorithm for CPU opponent. Relied heavily on zustand for state management. Not much in terms of complex animations but i still tried to incorporate framer for any animations, some challenges associated especially some initial styling for tailwind and framer conflicting. Initially used tailwind's built in animations for the simple ones but i wanted to separate all animations to framer and all static and conditional styling to tailwindcss. I also now included storybook for building components, actual speeds up development since I can test the individual components in different resolutions as well as how they react to their specific conditional styling. I will try to implement some form of testing for the next project, I think I will also keep using zustand as my go to state management due to its simplicity and robustness, in conjunction with local component state i should be able to cover most bases, I will have to test how well it works with a backend of some sort.

    again, any and all criticism apart from profanity is encouraged as I am very much a junior at this still.

  • Submitted


    Took me awhile as I wanted to try my hand at using NextJS - 13 specifically the experimental app directory and a lightweight state-management using Zustand (I usually use RTK). Also learned how to implement TailwindCss custom theme properly-ish. Moved away from github pages and used Vercel for hosting the live site since Next is SSR, it was quite painless and I might have a contender for AWS Amplify. Anyway I am still learning TailWindCSS but so far it is leagues faster and less of a head ache than styled components so far, haven't had a project with complex animations yet so i can't say for sure.

    As per usual please leave me some feedback, as long as there are no profanities you can be as blunt as you want to be, trying to learn industry best practices.

  • Submitted


    Getting the hang of TailWindCss, only issues I came across were with vite and the way it builds the production version. I swear I have tried so many different ways to import export images and fonts. I can't wait to tear my hair out when I have to do actual dynamic data and plug it into my components.

    Anyhow, I think I will start doing junior level projects again as I am now more comfortable with TailWindCss, I will start experimenting with the Framer + TailWindCss combo. If any one has a particular animation challenge in this platform that I can tackle let me know, ill get to it as soon as i tackle maybe 2 or so junior level projects with TailWindCss.

    Trying to learn best practices. Feel free to be brutal I need all the tips and tricks I can learn.

  • Submitted


    Treated this challenge as a reusable React component. Includes separate helper function to calculate average, as well as separate export data types you can change for your own data types (i modelled the data type after the given sample data). For some data that I had to make static I left comments on creating props to convert. Can plug and play this component.

    Trying to learn best practices. Feel free to be brutal I need all the tips and tricks I can learn.