-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f4a6082
commit bcb8997
Showing
13 changed files
with
185 additions
and
53 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| const About = () => { | ||
| return ( | ||
| <> | ||
| <h1 className="text-center pt-5">ABOUT NIKE</h1> | ||
| <p className="p-5"> | ||
| Our mission is what drives us to do everything possible to expand human potential. We do that by creating groundbreaking sport innovations, by making our products more sustainably, by building a creative and diverse global team and by making a positive impact in communities where we live and work | ||
| Based in Beaverton, Oregon, NIKE, Inc. includes the Nike, Converse, and Jordan brands.</p> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export default About; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| import { useContext } from 'react' | ||
| import OwlCarousel from 'react-owl-carousel' | ||
| import 'owl.carousel/dist/assets/owl.carousel.min.css' | ||
| import 'owl.carousel/dist/assets/owl.theme.default.min.css' | ||
| import { GlobalContext } from '../api' | ||
| import { Link } from 'react-router-dom' | ||
|
|
||
| const Carousel = () => { | ||
| const shoes = useContext(GlobalContext) | ||
| return ( | ||
| <div> | ||
| <h1 className="text-center ">New Arrivals</h1> | ||
| <OwlCarousel | ||
| className="owl-theme" | ||
| item="3" | ||
| autoplay | ||
| nav | ||
| dots | ||
| > | ||
| {Object.entries(shoes).map(([ProductId, { name, img }]) => ( | ||
|
|
||
| <Link to={`products/${ProductId}`}> | ||
| <div id={ProductId} className="card shadow m-1"> | ||
| <img className="card-img-top" src={img} alt={name} /> | ||
| <div className="card-body d-flex justify-content-center"> | ||
| <h5 className="text-center card-title">{name}</h5> | ||
|
|
||
| </div> | ||
| </div> | ||
| </Link> | ||
| )) | ||
| } | ||
| </OwlCarousel> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default Carousel; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import {useParams} from 'react-router-dom' | ||
| import {useContext} from 'react' | ||
| import { GlobalContext } from '../api' | ||
|
|
||
| export const ProductDetails=()=>{ | ||
|
|
||
| const {id}=useParams() | ||
| const shoes = useContext(GlobalContext) | ||
| const shoe=shoes[id] | ||
| const {Pid,name,img}=shoe | ||
| return( | ||
| <div> | ||
| <h1>{name}</h1> | ||
| <img src={img}/> | ||
| </div> | ||
|
|
||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,28 +1,24 @@ | ||
| import reactDom from "react-dom" | ||
| import {useContext} from "react"; | ||
| import {GlobalContext} from '../api' | ||
| import {link} from 'react-router' | ||
| import { useContext } from "react"; | ||
| import { GlobalContext } from '../api' | ||
| import { Link } from 'react-router-dom' | ||
|
|
||
| export const Products=()=>{ | ||
| const shoes=useContext(GlobalContext) | ||
|
|
||
| return( | ||
|
|
||
| <div className="p-3 d-flex flex-wrap"> | ||
| {Object.entries(shoes).map(([ProductId,{name,img}])=>( | ||
|
|
||
| <div id={ProductId} className="card shadow m-2" style={{width: "18rem"}}> | ||
| <img className="card-img-top" src={img} alt={name}/> | ||
| <div className="card-body"> | ||
| <h5 className="card-title">{name}</h5> | ||
|
|
||
| <a href="#" className="btn btn-primary">Details</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| )) | ||
|
|
||
| } | ||
| export const Products = () => { | ||
| const shoes = useContext(GlobalContext) | ||
| return ( | ||
| <div className="p-3 d-flex flex-wrap justify-content-around"> | ||
| {Object.entries(shoes).map(([ProductId, { name, img }]) => ( | ||
| <Link to={`${ProductId}`}> | ||
| <div id={ProductId} className="card shadow m-1" style={{ width: "18rem" }}> | ||
| <img className="card-img-top" src={img} alt={name} /> | ||
| <div className="card-body"> | ||
| <h5 className="card-title">{name}</h5> | ||
|
|
||
| </div> | ||
| </div> | ||
| </Link> | ||
| )) | ||
| } | ||
| </div> | ||
| ) | ||
| ) | ||
| } |
Binary file added
BIN
+411 KB
...-niAbxSneqCAD2DWYxAZA7Rb0W1CPkPyIkKZY2XNSyDYtGdp-ewKZujpVnx7548XPGHyK1P8jDUhP1tdg2qg=.pdf
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,16 @@ | ||
| import React from 'react'; | ||
| import ReactDOM from 'react-dom'; | ||
| import {BrowserRouter } from 'react-router-dom' | ||
|
|
||
| import './index.css'; | ||
| import App from './App'; | ||
| import reportWebVitals from './reportWebVitals'; | ||
|
|
||
|
|
||
| ReactDOM.render( | ||
| <BrowserRouter> | ||
| <App /> | ||
| </BrowserRouter>, | ||
| <App />, | ||
| document.getElementById('root') | ||
| ); | ||
|
|
||
| // If you want to start measuring performance in your app, pass a function | ||
| // to log results (for example: reportWebVitals(console.log)) | ||
| // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals | ||
| reportWebVitals(); | ||
|
|