All solutions

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

This is a solution to the Pricing component with toggle challenge on Frontend Mentor. Using vanilla JS and TailwindCSS

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

Made with the help of Material UI. Suggestions are welcome.

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

Refactored the challenge using the Angular framework, addressing previous inconsistencies such as a 404 error when updating the page with details about a specific country. The code has been rewritten in TypeScript and is now better organized.

Hi, this is my solution to this challenge.

Use sass as a preprocessor, vite in conjunction with react and frame motion for animations.

Tips and feedback are welcome

Hello, this application was developed as a FullStack project. It utilizes the technologies Vite@React, Tailwind CSS, frame-motion, and emotion for the front-end, and Node.js, Express.js, and MongoDB for the back-end.

I appreciate it if you can evaluate it, and tips and critiques are very welcome.

• Part of the project difficulty was related to aligning items using flexbox and grid, as well as using useContext for creating the dark/light mode.

• I still have doubts about whether I correctly implemented and used the useContext hook.

This project has allowed me to enhance my performance by working with the React library, gaining proficiency in utilizing useState, and effectively implementing the Context API. I successfully integrated both light and dark modes within a single webpage and leveraged the Axios tool for making HTTP requests.

Functionality:

• Dark and Light Themes
• Load More Button
• Continent Search Filter
• Country Search Filter

Front-end: React, React router, TailwindCSS, Styled-component, axios, vite.

If you have any feedback, please let us know through the comments.

Project created using vanilla JS and Sass preprocessor. Tips and feedback are appreciated.

Hey everyone, I wanted to share with you the landing page I created using Vite + React. It was my first time working with React, and I would greatly appreciate your feedback on the project. The page itself is primarily static, so I didn't need to rely heavily on conditional logic or loops to develop it. Although there are still a few minor adjustments to be made, I found the concept of using components quite enjoyable. The use of styled components was particularly beneficial in achieving the desired styling. Overall, I was able to create this landing page swiftly by leveraging the power of React, styled components, Sass, and selectively incorporating components from Bulma.

This was my solution to this challenge. The main challenge was implementing the logic behind the inputs and formatting the design using CSS Grid. Any tips on what I can improve would be welcome.

Hello, this was my solution for the "News homepage" challenge. I used CSS grid in conjunction with flex-box for item alignment. I tried to use the "BEM" methodology for block organization and used the SASS preprocessor. Feedback and tips are welcome.Responsive menu was implemented using JavaScript.

Hello, this was my solution for the challenge: Order summary component. I used the properties of display grid and flex-box to align the elements. I added some animations to the main image, button, and links with the transform: scale property. The sass preprocessor was used to organize the css. I would like your evaluation and tips that I can use to improve my coding.

Hello, this was my solution for the Skilled e-learning landing page challenge. I used CSS Grid and Flexbox for positioning and alignment of the elements. I tried to use the BEM methodology in the HTML.

I had a lot of difficulty in correctly positioning the main image, so in the end I opted to use absolute positioning together with display grid and the transform property. I couldn't achieve good responsiveness with this image in some breakpoints, so I would appreciate any tips and suggestions on how to make the image width change at certain breakpoints and other alignment methods that are better than absolute positioning.

Hello! this is my solution to the challenge. I utilized the Bootstrap framework in conjunction with flex-box and the Sass pre-processor. I would greatly appreciate your evaluation of my work and any tips you may have regarding the implementation of the bottom background.

Hello, this was my solution for this project. I used flex-box and grid properties in the layout. I would appreciate your rating and feedback on what I can improve or corrections to make.

To solve this challenge I used the flexbox properties to vertically align the items and position the relative and absolute properties to align the items in the center of the screen. I would like community feedback on what I can improve to make the site more responsive and less static.