Wannika123

Latest comments

• 

  Kim Fransson•200

  @kim-franssonSubmitted 27 days ago

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

  I'm proud that I actually designed/implemented the "difficulty selection". Last time I tried to make a tic tac toe I gave up implementing the cpu logic, but this time I had the motivation/energy to implement it.

  Next time (I guess when I will try to implement the four in a row game) I will focus more on fun animation (especially transitions between screens). Maybe also include some sound effects.

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

  Not really any road blocks this time, the only brain farts was the svgs missing viewBoxs resulting in weird scaling issues with "vite-plugin-svgr".

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

  Not really, but feel free to write a nice comment or start a discussion

  

  Responsive Tic Tac Toe game using tailwindcss + react aria components

  #framer-motion#react#react-aria#tailwind-css#zustand

  2

  40
  

  P

  Wannika123•890

  @Wannika123Posted 27 days ago

  This is really good. Congrats!

  1
• 

  P

  CasperTheChild•420

  @CasperTheChildSubmitted 3 months ago

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

  I'm proud of my progress

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

  I was tired of solving fetch problems on GitHub, and luckily, the issue solved itself.

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

  1. When buttons are clicked, the borders expand, and I’m not sure why.
  2. I can't scroll down when the warning appears.

  

  Quiz Site

  1

  41
  

  P

  Wannika123•890

  @Wannika123Posted 3 months ago

  Congratulation on finishing the project, it's very good.

  For your 1st question, the button expands when it has borders because the button doesn't have explicit height, it has only paddings. So when it has borders, the button has BOTH padding and border width.

  (I faced this problem as well when I did this project.)

  0
• 

  Abigail Figaro•290

  @abigailjulieSubmitted 4 months ago

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

  Deciding to move on and not waste time when I knew I went too far.

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

  I'm not sure if I should make two different components one for the active state in mobile then another one for active state for desktop and play with the display settings? Or if it's about using the same element and getting the flex sizing correct?

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

  I didn't finish because I'm not sure how to approach setting this up. Some pointers would help.

  

  Article Preview w/ Active Links

  1

  20
  

  P

  Wannika123•890

  @Wannika123Posted 4 months ago

  Hi,

  By 'making two different components', do you mean different HTML code?

  In my opinion, it can share the same HTML code, but CSS might be a bit complicated. But if you don't want that, it can be different HTML.

  You did very well so far, go on ahead.

  0
• 

  salomasik•160

  @salomasikSubmitted 5 months ago

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

  CSS Grid Layout

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

  Make it as close to the design as possible. Perseverance helped

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

  CSS Grid Layout and creative for a tablet version

  

  News homepage

  #accessibility#sass/scss#gulp

  1

  20
  

  P

  Wannika123•890

  @Wannika123Posted 4 months ago

  Very nice!

  0
• 

  P

  Kamran Kiani•2,740

  @kaamiikSubmitted 5 months ago

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

  I am most proud of creating a responsive design that works well across different screen sizes, as well as ensuring that the hover and focus states are properly implemented. I also made an effort to improve accessibility by following best practices in HTML and CSS. However, next time, I would like to implement the bonus features, such as saving the game state upon refresh and improving the CPU's logic to not only block my winning moves but also make strategic decisions to win. I plan to build a future version of this project using React to achieve these goals.

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

  The main challenge I faced was managing the JavaScript logic, especially defining and updating different states of the game. I had to ensure that the game flow worked correctly depending on whether the user was playing against the CPU or in multiplayer mode. It was also essential to handle resetting the game, moving to the next round, and updating the game statistics. Additionally, incorporating features for screen readers required careful attention. To overcome these challenges, I did a lot of research and received significant help from ChatGPT. Although I tried to solve most problems on my own, I reached out for guidance when I got stuck.

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

  I would appreciate feedback on accessibility and JavaScript code improvements. Specifically, I want to know if there are any areas where I could enhance the accessibility of my project, especially regarding screen reader support. I would also love to get feedback on my JavaScript logic, particularly around managing the game state and handling user interactions efficiently. Additionally, if you notice any other areas for improvement in my project, I would be grateful for your feedback!

  

  Tic Tae Toe Game using Astro, Sass with Vanilla JS

  #accessibility#astro#sass/scss

  2

  10
  

  P

  Wannika123•890

  @Wannika123Posted 5 months ago

  Hello, great project, and it's accessible too!

  I would like to ask you some minor thing: how can you make the actual board as a screenshot instead of the starter (The one that ask what mark you want to choose etc.)?

  0
• 

  P

  Eli Silk•850

  @elisilkSubmitted 5 months ago

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

  I worked hard to use semantical HTML for each of the form elements so that I could take advantage of the built-in interactivity and accessibility that come alongside those elements. Because of that approach, the form is fully keyboard accessible, and I hope it would be just as accessible to screen readers and other kinds of assistive technologies as well. I would love to hear if others feel there is some aspect to accessibility that I have not considered or that wouldn't be effectively accommodated in this solution.

  

  Contact form with keyboard accessible inputs

  #accessibility

  1

  30
  

  P

  Wannika123•890

  @Wannika123Posted 5 months ago

  Clean!

  0