All solutions

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

I have been considering using TailwindCSS in my projects for a long time. I always open the documentation but never fully use it in any of my projects. I always used to prefer writing CSS using SCSS from scratch.

This is my first project using Tailwind, and I will stick to it.

Other than using Tailwind, the simple logic for slider is what I have found to be interesting.

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

The major challenge was to implement the slider. Although, I changed the design of the slider a bit that part was a bit tricky.

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

Nothing specific, but any feedback is highly appreciated

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

This challenge was developed in pure Javascript & CSS without using any libraries or plugins. The SCSS was used for the styling which is a pre-processor of CSS. I wouldn't say proud but I would say I'm happy to solve this without using any external libraries or frameworks that help me assess and improve my fundamentals in Javascript and CSS.

Next time, I will want to try using a CSS library while implementing the same.

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

The following are the small hurdles that helped me learn more while solving this application

1. Styling the Checkboxes for all the browsers
2. Generator logic for random characters.

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

Not much but any feedback is highly appreciated

Hey There 👋,

Challenge

The challenge is to build out the given entertainment-web-application which I've renamed as theclap.

User Features

-The user can login into his/her own account with a funny randomized lego profile picture.

-The user can bookmark the show according to their own interest.

-The best part is as it's a full-stack application, the bookmarks will stay exclusive to the user's account and they can keep track of their interests.

-Responsive for multiple devices.

Solution Approach

Since I decided to build it as a full-stack application with proper login features, the server side handling was done using express.js with the provided data.json . Custom api-endpoints were written for specific reasons like: Getting all existing users data, Getting the bookmarks of a specific user, getting all the video images etc. This project covers most of the basic CRUD applications. This project involves some advanced routing applications as well. To make the job easier Next.js was used. Styling was done using tailwindcss. Every user that signs up with an account has a unique-id ( uniqid ) given so that no-one else can login into others accounts.

NOTE: Avoid from giving real email-ids.

Will be glad to hear some feedback to improve the code and performance of the application as well. Thanks for the read.

Happy Coding 💻.

Hey There 👋,

Challenge The challenge is to build out this results summary component and get it looking as close to the design as possible.

User Features:

• View the optimal layout for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

Solution Approach As this is a specific component, I have chosen to stick without using any library/framework approach with pure CSS, and Javascript. Although, I have used the CSS pre-processor SCSS for the styling of the application. However, JS is not required for this challenge, to utilize the data from data.json and make it dynamic rather than a static card, Javascript was used.

Welcome 👋

The challenge is to build out this interactive rating component and get it looking as close to the design as possible.

Solution Approach

As this is a pretty straightforward component, I have chosen to stick without using any library/framework approach with pure CSS, and Javascript. Most CSS3 concepts have been applied for responsiveness with the desktop-first approach.

Live URL 🚀

https://statuesque-starburst-cb9ab6.netlify.app/

Please feel free to review the code and let me know your feedback