add movie react app with temp icon

This commit is contained in:
Henry Hiles 2023-05-18 14:57:52 -04:00
parent 3c303aa0c5
commit 1b0db2ea7d
4 changed files with 65 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 KiB

View file

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16"
height="16"
fill="currentColor"
class="bi bi-camera-reels-fill"
viewBox="0 0 16 16"
version="1.1"
id="svg8"
sodipodi:docname="movieThumb.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
inkscape:export-filename="movieThumb.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs12" />
<sodipodi:namedview
id="namedview10"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="12.21875"
inkscape:cx="29.012788"
inkscape:cy="23.652174"
inkscape:window-width="1904"
inkscape:window-height="975"
inkscape:window-x="26"
inkscape:window-y="23"
inkscape:window-maximized="0"
inkscape:current-layer="svg8" />
<path
d="m 6.7529572,5.8934606 a 1.8705643,1.8705643 0 1 1 -3.7411286,0 1.8705643,1.8705643 0 0 1 3.7411286,0 z"
id="path2"
style="stroke-width:0.623521" />
<path
d="m 8.6235214,7.7640249 a 1.8705643,1.8705643 0 1 1 0,-3.7411286 1.8705643,1.8705643 0 0 1 0,3.7411286 z"
id="path4"
style="stroke-width:0.623521" />
<path
d="M 8.6235214,6.9874138 H 8.9352821 A 1.2470428,1.2470428 0 0 1 10.171725,8.071094 l 1.939152,-0.8617066 a 0.62352142,0.62352142 0 0 1 0.877294,0.5692751 V 12.431379 A 0.62352142,0.62352142 0 0 1 12.1115,13.000654 l -1.939775,-0.861706 a 1.2470428,1.2470428 0 0 1 -1.2364429,1.08368 H 4.2588715 A 1.2470428,1.2470428 0 0 1 3.0118286,11.975585 V 8.2344566 A 1.2470428,1.2470428 0 0 1 4.2588715,6.9874138 Z"
id="path6"
style="stroke-width:0.623521" />
</svg>

After

Width:  |  Height:  |  Size: 2 KiB

View file

@ -31,7 +31,7 @@
"github": "https://github.com/Henry-Hiles/PokeAPI-Searcher", "github": "https://github.com/Henry-Hiles/PokeAPI-Searcher",
"overview": "A simple website where you can search for Pokemon by type or Pokedex. Uses the PokeAPI for data.", "overview": "A simple website where you can search for Pokemon by type or Pokedex. Uses the PokeAPI for data.",
"description": "A simple website where you can search for Pokemon by type or Pokedex. Uses the PokeAPI for data. Made purely of HTML, CSS, and Vanilla Javascript. Uses the Fetch API for querying the PokeAPI.", "description": "A simple website where you can search for Pokemon by type or Pokedex. Uses the PokeAPI for data. Made purely of HTML, CSS, and Vanilla Javascript. Uses the Fetch API for querying the PokeAPI.",
"technologies": "This project was built using handcrafted HTML, CSS, and JavaScript, and canvas wasn't used. This project uses no bloated frontend technologies, making for quick loading times and fewer requests.", "technologies": "This project was built using handcrafted HTML, CSS, and JavaScript. This project uses no bloated frontend technologies, making for quick loading times and fewer requests.",
"computerImage": "pokeAPIComputer.png", "computerImage": "pokeAPIComputer.png",
"mobileImage": "pokeAPIMobile.png", "mobileImage": "pokeAPIMobile.png",
"thumbImage": "pokeAPIThumb.png" "thumbImage": "pokeAPIThumb.png"
@ -68,5 +68,17 @@
"technologies": "This project was built using React and CSS Modules.", "technologies": "This project was built using React and CSS Modules.",
"computerImage": "mentalMathComputer.png", "computerImage": "mentalMathComputer.png",
"thumbImage": "mentalMathThumb.webp" "thumbImage": "mentalMathThumb.webp"
},
{
"name": "Movie React App",
"route": "movie-react-app",
"github": "https://github.com/henry-Hiles/movie-react-app",
"overview": "A website to find movies, written in React.",
"description": "An open-source website to find movies, written in React. Includes a client-side only rating system. Uses the TMDB API for data.",
"technologies": "This project was built using React and CSS Modules.",
"computerImage": "movieComputer.png",
"mobileImage": "movieMobile.png",
"thumbImage": "movieThumb.svg",
"demoLink": "https://movies.henryhiles.com"
} }
] ]