Skip to content
OverviewSolutions
13
Comments
12
Julianna Messineo
@mathematiCode

All solutions

  • Mortgage Calculator

    #react
    Julianna Messineo•290
    Submitted 6 months ago

    If I really needed to use an effect to trigger a submission of the form when the user submits it and then changes something or if there's a way to do it without an effect. But also, any feedback is appreciated!

    1 comment

  • Job Listings with React, Framer Motion, and Material UI

    #framer-motion#react#material-ui
    Julianna Messineo•290
    Submitted 7 months ago

    I would love feedback on my React architecture, like if I used effects and context only when needed and organized things well.
    CSS feedback is also welcome!

    1 comment

  • Dessert Store with React, React Router, and Headless UI

    #react-router#react
    Julianna Messineo•290
    Submitted 7 months ago

    The overall organization of the website. The basic concepts of React because I am just starting to make projects with it.

    0 comments

  • Vanilla JS

    Julianna Messineo•290
    Submitted 10 months ago
    0 comments

  • Time Tracking Dashboard with Grid

    #fetch
    Julianna Messineo•290
    Submitted 12 months ago

    Chat GPT gave me the suggestion to use this code:

    fetch("./data.json")
  .then((res) => res.json())
  .then((data) => {
    timeData = data; // Assign fetched data to timeData
    fetchTimeDaily(timeData); // Call your function with timeData after it's fetched
  })
  .catch((error) => {
    console.error('Error fetching data:', error);
    // Handle errors here
  });

    and it fixed all of my problems but I'm still not completely understanding why. Wouldn't the computer try to execute fetchTimeDaily(timeData) before timeData is set equal to data if this takes a little longer and they are both inside of the same .then statement?

    Would it be better practice to do

    .then((data) => {
    timeData = data; // Assign fetched data to timeData
}
.then (not sure what syntax goes here??)
    fetchTimeDaily(timeData); 
  })

 to make sure it waits until the first line has been fully executed?
    1 comment

  • Business Stats Card with Flexbox and Positioning

    Julianna Messineo•290
    Submitted 12 months ago

    Is there a better way to do this than using absolute positioning? Would grid work better? How can I make an overlay cover a picture and not overflow at all?

    0 comments

  • Responsive FAQ Accordian

    Julianna Messineo•290
    Submitted about 1 year ago

    I will happily accept any feedback or advice on anything. Accessibility, ways to do things more efficiently, or anything else.

    0 comments

  • Results Page with Flexbox and a Little Grid

    Julianna Messineo•290
    Submitted about 1 year ago

    Any feedback is much appreciated! If you have any suggestions on how I could organize my CSS or write less of it, I'd love to hear it.

    0 comments

  • Responsive Layout with Subgrid and Media Queries

    Julianna Messineo•290
    Submitted about 1 year ago

    I would love to know if it's possible or a good idea to use container queries for this. I tried to do so but I got confused with where to put the query and how to affect the container itself instead of the children.

    I'll happily take any other feedback or ideas as well!

    1 comment

  • Four Card Feature with Grid and some flexbox

    Julianna Messineo•290
    Submitted about 1 year ago

    Is there a better way to get the icon to be in the bottom right corner without creating an entirely new div inside of the card div? I'd rather not use padding or translate because I'm not sure that would work well in a more responsive layout. I did try to use translate but it pushed down one icon more than the rest because that card had 3 lines of text and the others had 2 lines. Do you think it's more efficient to use grid or flexbox for the layout within each card?

    2 comments

  • Blog Preview Card with Flexbox

    Julianna Messineo•290
    Submitted about 1 year ago

    I would love to know if there's a better way to have the card centered vertically than using margin-top.

    I also would like feedback on accessibility ways to make my CSS more efficient. One thing I was wondering was what to write for alt text for the authors profile picture. Would people using screen readers like me to describe the person in the profile picture or would that just be a nuisance? Is there a way to provide more information, like a description of the author, where people using screen readers can access it if they choose to but it's not in the way?

    2 comments

  • Basic Product Card with CSS Grid

    Julianna Messineo•290
    Submitted about 1 year ago

    I am super beginner at this stuff. I would love suggestions on how to make this simpler and more efficient. I'm interested in the best way to get the picture and info box centered and remaining the same size in a responsive way, maybe not using pixels as units.

    1 comment

  • QR Code Desktop Design

    Julianna Messineo•290
    Submitted over 1 year ago

    Other ways to move the image down without moving the div with it. Or how to get the white rectangle in the background another way (maybe without a div?).

    I wasn't too worried about making it work with different sized screens so I don't really need feedback on that.

    1 comment