LWC Project - Final Part 3 | Build a Movie Search App with Lightning Web Components
Вставка
- Опубліковано 30 чер 2024
- 🎬 Movie Search Using LWC - Part 3
⭐ If you find this project helpful, please consider giving it a like.
📝 Description:
In this project, we'll create a Movie Search web application using Salesforce's Lightning Web Components (LWC). This web component allows users to search for movies using the Open API. We'll walk through the entire development process, from setting up a Salesforce environment to fetching and displaying movie results. Whether you're a beginner or an experienced developer, you'll find valuable insights in this tutorial.
🚀 Key Features:
- Integration with Public API
- Real-time movie search functionality.
- Dynamic results displayed using Lightning Web Components.
- Easy-to-follow step-by-step tutorial.
📚 Resources:
- Remote Site Setting and CSP Trusted Site for this project
⭐ m.media-amazon.com
⭐ www.omdbapi.com
- Public API Documentation:
⭐ www.omdbapi.com/
🔧 Technologies Used:
- Salesforce Lightning Web Components (LWC)
- JavaScript
- HTML/CSS
🤝 Support:
If you have any questions, suggestions, or encounter issues during this project, please leave a comment below. I'll do my best to assist you.
🤝 Use of Message Channel
👉 Use of Fetch API
👉 Independent Component Communication
👉 External CSS
👉 Template Looping and Conditional Rendering
👉 Getter methods
👍 Don't forget to like this video, subscribe to the channel, and ring the notification bell to stay updated with more tutorials like this one!
#salesforce #lwc #lwcproject #lwcminiproject #lwcadvanced #lwcbasics #lightningwebcomponent #lwr
just finished watching and creating the project ...learned a lot ...you definitely have knack of teaching and I liked the way of your teaching to explain why you doing it at each step. I hope you will create more projects using the same teaching method. Thanks a lot.
Glad to hear it!
I have an idea to add a feature to this project... like we can show where to watch feature in the movie detail component. I searched it on google, if there is any api for it but I didn't get one. If you know any resource or idea where would I get it. It will be helpful sir.
Not to my knowledge.
Wow❤❤
Glad you found this helpful
I have also done same what ever was in the Video, one issue i m getting when i Search Bat all movie is displayed but the size of Card is not Same Some are Small are Large. i tried to change Css of MovieTile component. but no Luck.
compare the css you have written with what we have written in this video and check it out.
can we access or watch movie in it by connecting the 3rd party website ?
The API I have used for this does not support watch
Sir make hoststar clone with beautiful ui
Sure will give a shot in future :-)
I saw another videos where creator created project similar to yours but he used Apex classes instead of LWC Fetch. which method is better ? Here is the videos : ua-cam.com/video/rQ2MX78Nn-o/v-deo.html
I didn't get a chance to go over the link in detail. But I believe it's up to you, what you want to learn if LWC then this video is for you. For Apex learning you can switch to other link