A NetFlix Original Series Source Code
A NetFlix Original Series Source
Index.js Folder
import React from "react";
import ReactDOM from "react-dom";
import Cards from "./Cards"
import './index.css'
import Sdata from "./sdata";
function ncard(val)
{
return(
<Cards
imgsrc={val.imgsrc}
title={val.title}
sname={val.sname}
link={val.link}
/>
)
}
ReactDOM.render(
<>
<div className="header">A NetFlix Original Series</div>
{Sdata.map(ncard)}
</>,
document.getElementById("root")
)
NetFlix Data
const Sdata = [
{
imgsrc: "https://wallpapercave.com/wp/wp4056410.jpg",
title: " A NetFlix Original Series ",
sname: "Dark",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://occ-0-1242-2774.1.nflxso.net/dnm/api/v6/E8vDc_W8CLv7-yMQu8KMEC7Rrr8/AAAABcFAw2s2Ztm7k-dfdSnQp6aD8CbTq18UUP6bnMpj-XYC9WRXs4iezClVppqv-43W-M6_Ops4VUAssW5qDbGAetQWpXC4MJgKwH0p.jpg?r=e97"",
title: " A NetFlix Original Series ",
sname: "Extra Curricular",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://wallpapercave.com/wp/wp1917154.jpg",
title: " A NetFlix Original Series ",
sname: "Stranger Things",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "data:image/jpeg;base64,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",
title: " A NetFlix Original Series ",
sname: "Dark",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRKI_KvOECuX-CHEuRwsDAWIa8-sapIf0FEXg&usqp=CAU",
title: " A NetFlix Original Series ",
sname: "Extra Curricular",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSffe-14DRrEzDHmoL6-z8YbNrprcVaNGUxmg&usqp=CAU",
title: " A NetFlix Original Series ",
sname: "Stranger Things",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcReHxxoJuOf5qi9RSJCKhyyMwNf6ml9oGl_DQ&usqp=CAU",
title: " A NetFlix Original Series ",
sname: "Dark",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThu28ZONAN-RV8-d9A7cSrpIDPV_n3ugEeWw&usqp=CAU",
title: " A NetFlix Original Series ",
sname: "Stranger Things",
link: "https://www.netflex.com/in/title/80990668?source=35"
},
{
imgsrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThu28ZONAN-RV8-d9A7cSrpIDPV_n3ugEeWw&usqp=CAU",
title: " A NetFlix Original Series ",
sname: "Stranger Things",
link: "https://www.netflex.com/in/title/80990668?source=35"
}
]
export default Sdata;
CSS PART
*{
margin: 0;
padding: 0;
box-sizing: border-box;
background: rgb(183, 185, 179);
font-family: 'Konkhmer Sleokchher', cursive;
font-family: 'Nunito', sans-serif;
}
.header{
width: 100%;
padding: 1rem;
background: white;
text-align: center;
font-size: 30px;
font-weight: 700;
}
.cards{
height: auto;
position: relative;
top: 8rem;
left: 12rem;
width: 80%;
}
.card
{
float: left;
margin-left: 3%;
box-shadow: 5px 5px 5px rgb(27, 27, 26);
border-radius: 1rem 1rem 1rem 1rem;
overflow: hidden;
background-color: whitesmoke;
margin-top: 30px;
}
.card__img
{
width: 18rem;
height: 10rem;
margin-bottom: 10px;
}
.card__info
{
padding: 1rem;
margin: 2px;
background: transparent;
}
.card__category
{
background: transparent;
margin-top: 5px;
font-size: 22px;
font-family: 600;
}
.card__title
{
background: transparent;
margin-top: 5px;
font-size: 22px;
}
a button
{
padding: 12px;
font-size: 15px;
background: whitesmoke;
border: 3px solid rgb(182, 182, 170);
margin-top: 5px;
letter-spacing: 5px;
cursor: pointer;
}
CARDS FOLDER
import React from "react";
function Cards(props) {
return (
<>
<div className="cards">
<div className="card">
<img src={props.imgsrc} alt="myPic" className="card__img" />
<div className="card__info">
<span className="card__category">{props.title} </span>
<h3 className="card__title"> {props.sname}</h3>
<a href={props.link} target="_blank">
<button>Watch Now</button>
</a>
</div>
</div>
</div>
</>
)
}
export default Cards;
.png)
.png)
0 Comments