Dipesh Paudel on LinkedIn: Cinemate, built with React.js and Tailwind CSS, allows you to explore… (2024)

4/25 🏄♂️ Slider Component in React!🚀 Key Features:* Smooth Navigation: Swipe through images effortlessly.* Configurable: Set the source URL, page, and limit to tailor it to your needs.* Interactive Indicators: Navigate with precision using circle indicators.🌟How It Works:* Load images dynamically from any source URL.* Navigate with intuitive arrow buttons or by clicking on indicators.🔗 Check out the app in action: [https://lnkd.in/dKeP-VQj]🔗 GitHub Repo: [https://lnkd.in/dUmggb3F]#React #FrontendDevelopment #ImageSlider #UserExperience #CodingJourney

9

🚀 Day 4 of My #50Days50Projects Challenge: The Theme Clock App! 🕒✨Today, I'm excited to share my latest creation – a custom-themed clock built with HTML, CSS, and JavaScript. This project was not just about keeping time; it was about combining functionality with aesthetics to enhance user experience.👀 Check out this quick demo to see it in action!

8

In my early days i used to declare components inside another components without any hesitation but there can be various caveats because of that:-🐢 Performance: Nested components might slow down your app because they get recreated unnecessarily whenever the outer component re-renders.♻️ Reusability: Components inside components are hard to reuse in different parts of your app, leading to code duplication.👓 Readability: Nested components can make your code confusing and harder to understand.🧠 Memoization Issues: If you want to use React.memo() to optimize rendering, nesting might not work well with it.Video credits X - @asidorenko_#reactjs #reacthooks #typescript #nextjs

104

7 Comments

Apart from many benefits of React Native, one of the coolest aspects is its implementation of animations using Reanimate. Not gonna lie, based on my knowledge and experiences from other non-React developers, I can confidently say that React Native is the best choice for mobile application development.

2

🎉 Day 9 of #100DaysOfCode: Celebrating a milestone with my new docs app built in React! 🚀 Used conditional rendering, Framer Motion, and Tailwind CSS for a sleek user experience. Link: https://lnkd.in/di_NW3ja #React #FramerMotion #TailwindCSS

6

Fully Functional Youtube Clone Made using React.All standard functionalities like Search, and Filter by category.Implemented React Router DOM for Navigation.Used Fetch to retrieve data from Youtube API.Used Sync & A-sync operations to manage different states of App.Custom CSS for designing. Not designing frame work or library used.Live > https://lnkd.in/dF9TmWt6Git Repo > https://lnkd.in/dB35RSa6

1

🎬 Introducing Movie Verse, a dynamic movie app built with ReactJS! 🍿Here are some of its exciting features:1. TMDB API Integration: I've seamlessly integrated the TMDB API to fetch the latest and most updated movie data, ensuring you stay in the loop with the newest releases.2. Dynamic Routes: Enjoy a seamless browsing experience with dynamic routes, allowing you to navigate through different sections of the app effortlessly.3. Search Page: Easily find your favorite TV shows or movies using our intuitive search feature, providing quick access to your preferred content.4. Toggle Filters: Customize your browsing experience with toggle filters for TV shows, movies, and explore the latest and trending content with just a click.5. Lazy Loading: Experience faster loading time with lazy loading, ensuring a smooth and efficient browsing experience while the API data loads in the background.6. Infinite Scrolling: Say goodbye to pagination! With infinite scrolling implemented on both the search page and home page, you can seamlessly explore a vast collection of movies without interruption.7. SCSS Styling: Carefully paid attention to every detail by incorporating SCSS throughout the application, enhancing its visual appeal and providing a beautiful,responsive and user-friendly interface.Immerse yourself in the world of movies with Movie Verse and elevate your entertainment experience!Checkout the Live App here : https://lnkd.in/gwpW-HDJ#MovieVerse #React #TMDBAPI #DynamicRoutes #SearchPage #LazyLoading #InfiniteScrolling #SCSS #MovieApp #Entertainment 🎥🌟

15

2 Comments

5/25🔃 "Load More Products" Component in React!🚀 Key Features:* Seamless Loading: Dynamically fetch and display products without page reloads.* User-Friendly: Click the button to load more products, creating a smooth browsing experience.🌟How It Works:* Products load dynamically with a click of a button.* A user-friendly approach with a clear indication when reaching the product limit.🔗 Check out the app in action: [https://lnkd.in/d5WjEn6w]🔗 GitHub Repo: [https://lnkd.in/dBkeJjCP]#React#FrontendDevelopment#product #UserExperience#CodingJourney

5

Joke App (React + Axios ) :A minimalistic joke web application that fetches jokes and it's categories using the AXIOS library to make a GET Http request to a joke API , then rendered with react JSX. Link : https://lnkd.in/dVC5P8D6#react #art

15

Today, I revised a simple wallpaper app that fetches images from the Pexels API. I obtained the API and converted it into JSON, then decoded it to integrate with Flutter widgets. Simple operations were performed here: 1.) Making an HTTP request and parsing the URL. 2.) Decoding the body and storing it in a Map. 3.) Storing it in an image variable. 4.) And using itIt fetches 80 images on one call!Link: https://lnkd.in/gezp6XYs#learningflutter #dailylearning

18