Skip to content
OverviewSolutions
6
Comments
8
jaysonalfie
@jaysonalfie

All comments

  • Rizwan Khan•130
    @mdrizwanfkSubmitted almost 2 years ago

    First FEM Challenge using Reactjs Library.

    The Card layout is done in React.

    Reactjs Development toolchains used: None, just added React components to website

    Challenges:

    1. Inability to modularize react code.
    2. TODO: Javascript modules to achieve 1.
    3. Used CSS Absolute positioning for the layout, would appreciate alternate best approaches for the Card layout.
    4. TODO: Try out CSS Grid for Card layout.

    Notes:

    1. Use Industry standard React Toolchains for future challenges. :)

    Responsive 4 Card Layout for 3 viewports, sm, md, lg using React

    1
    jaysonalfie•60
    @jaysonalfiePosted about 2 months ago

    Great work and nice use of props. Keep up the great work.

    Happy coding.

    1
  • Li, Jung-Gang•120
    @jungang0414Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Completing the project using vite+React!!

    What challenges did you encounter, and how did you overcome them?
    1. Since I haven't unlocked Pro, I can't use Figma. Therefore, there might be some slight deviations in the implementation of the design.
    2. I'm using Mark Man to measure the spacing in the image
    What specific areas of your project would you like help with?

    Since we don't have a design mockup, it's challenging to get the pixel-perfect measurements. I'd like to try using rems.

    Responsive four card with flexbox useing vite&React

    1
    jaysonalfie•60
    @jaysonalfiePosted 2 months ago

    Great work on using react and good use or props at least I have learnt on how they work based on your project. Keep up.

    Happy coding

    0
  • Moha1420•220
    @Moha1420Submitted 12 months ago

    questions for Community will be put as follows 1.how to give customized solution to problems like this ?

    2.how to create design code and from scratch by self creative-mindset without copying others work?

    Product-Preview-card-FrontEnd

    1
    jaysonalfie•60
    @jaysonalfiePosted 2 months ago

    Great work. Happy coding.

    0
  • jaysonalfie•60
    @jaysonalfiePosted 2 months ago

    This is truly stunning. Its great to be able to see your work and great use of the Dark theme. Very nice

    1
  • jaysonalfie•60
    @jaysonalfiePosted 3 months ago

    This is great work. Awesome styling while at it too

    0
  • Alfonso-1701•140
    @Alfonso-1701Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Was incredibly simple and I was able to do the entire project without having to look up anything or reference anything.

    Become even more familiar with the README portion.

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

    Didn't hit any speedbumps on the project. Was able to cruise through pretty easily.

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

    No struggles to be guided on, but definitely open to feedback to get different perspectives.

    Social Links

    1
    jaysonalfie•60
    @jaysonalfiePosted 3 months ago

    Great work. Such a milestone when you can code without referencing anything. Happy coding

    0
  • cos-0000•50
    @cos-0000Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I followed the proper steps to do a mobile-first approach. I will set a design style for spacing and sizing to improve UI/UX and the layout's uniformity.

    Responsive Blog preview card

    1
    jaysonalfie•60
    @jaysonalfiePosted 3 months ago

    This is great work. I have been inspired to research more of CSS.Nice work

    0
  • jaysonalfie•60
    @jaysonalfiePosted 4 months ago

    The solution is ok and has used minimal code as possible I guess for optimization purposes

    0