Responsive React Movies App With API
https://youtu.be/ntYXj9W1Ez8
Google font: https://fonts.google.com/
Boxicons: https://boxicons.com/
Images: https://unsplash.com/
API: https://www.themoviedb.org/
Responsive React Movies App With API
The Swiper Is Causing the images not to be shown
Hello Tran Anh Tuat, hope you are doing well, first of all nice work, its possible to have this build to iOS, Android, Apple TV, and Android TV like a native app?
I have a project called DJTV its a WebTV and I'm looking a way to build this for all devices.
Can you give me a hand?
Best regards
Hey there, while working on the Hero slider, console log for the useEffect logs error and the code is the same. Is there a fix for this?
Photos are not Showing on HeroSlider , api is correct i'm getting them in console but they aren't showing on app.
HeroSlider.js Code ๐
`const HeroSlide = () => {
SwiperCore.use([Autoplay]);
const [movieItems, setMovieItems] = useState([]);
useEffect(() => {
const getMovies = async () => {
const params = { page: 1 };
try {
const response = await tmdbApi.getMoviesList(movieType.popular, {
params,
});
setMovieItems(response.results?.slice(1, 4));
console.log(response);
} catch (error) {
console.log(error.message);
}
};
getMovies();
}, []);
return (
${isActive ? "active" : ""}
}const HeroSlideItem = (props) => {
let hisrory = useHistory();
const item = props.item;
const background = apiConfig.originalImage(
item?.backdrop_path ? item?.backdrop_path : item.poster_path
);
return (
<div
className={hero-slide__item ${props.className}
}
style={{ backgroundImage: url(${background})
}}
>
export default HeroSlide;
`
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.