@MittensdlaraSubmitted about 1 year ago

static-job-listings-react

@the-bipuPosted 3 months ago

Try working on the CSS part. Since you're using Tailwind, you have more control over the styles. Use Figma for precise measurements. Since this is an older project, you'll likely feel more confident recreating it.

0

Rishika•10

@RishikagoyalSubmitted about 1 year ago

qr-code

2

The Bipu•410

@the-bipuPosted about 1 year ago

Hey buddy 👋

Congratulations for completing your first project here.

The code is well structured, readable and reusable and the layout is also good. The only thing you should keep in mind is to paste the readme-template files content in the readme file and then make changes in the file as per requirements.

This is a good practice as a beginner and by doing this you can track your progress as a good frontend developer.

Keep Coding 🚀

Marked as helpful

0

Sahil Kumar•190

@Vi-r-usSubmitted about 1 year ago

NFT Preview Card Category

I created an NFT preview card component, featuring a modern UI design that is responsive across various screen sizes. This project was developed as part of the Frontend Mentor challenge. To ensure responsiveness, I utilized a flex layout combined with media queries. Additionally, I enhanced the loading experience with webkit animations and implemented Lottie animations using JSON files.

Overview

The challenge

During this project, I encountered several challenges, including handling different images for desktop and mobile views. To address this challenge, I implemented image selection with media queries. Additionally, I delved into the basics of webkit animations and their functionality, as well as learned how to incorporate JSON file animations using Lottie.

Screenshot

Desktop Design | Mobile Design :-------------------------:|:-------------------------: |

Links

Solution URL: GitHub Repository
Live Site URL: Deployed on Github pages

My process

Built with

Semantic HTML5 markup
CSS custom properties
Flexbox, Grid Layouts
Pseudo-elements, Transform
KeyFrames Animations
Lottie Animations (JSON)
Mobile-first workflow

What I learned

This project provided valuable experience in front-end development, particularly in achieving responsive design using flex layouts and media queries. It also expanded my knowledge of webkit animations and the implementation of JSON-based animations with Lottie.

Useful resources

In completing the challenges of this project, I found the following resources particularly helpful:

Kevin Powell's Video on Animations - Kevin Powell's video provided valuable insights into the basics of animations and how to apply them effectively.
Resource on Animation Basics - This resource helped me grasp the fundamentals of animations and apply them to this project.
Playlist on Pseudo-elements - This playlist was instrumental in understanding and using pseudo-elements to enhance the project's UI.
Implement LottieFiles Animations

Author

Github - vi-r-us
Frontend Mentor - @Vi-r-us

NFT Preview Card Category (HTML | CSS | JS)

1

The Bipu•410

@the-bipuPosted about 1 year ago

Hey Buddy !!

Don't ever paste the readme content in the community feedback section. If you have any question then you can ask freely to the community.
Font sizes are given in the style-guide.md file.

Other that these everything in the project is fine. Also the animations are truly impressive.

Happy Coding !!

1