amantahiliani/Portfolio
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/Portfolio.git synced 2026-08-07 19:56:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

Linting

Browse Source
This commit is contained in:
Aman Tahiliani
2024-06-24 00:15:38 -04:00
parent 2cc88cdf72
commit 323e9474f9
28 changed files with 632 additions and 573 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/components/devtools.js
View File

@@ -1,37 +1,34 @@
import React, { Component } from "react";
import PythonLogo from "../media/logos/languages/python-logo.png"
import JavaLogo from "../media/logos/languages/java-logo.png"
import CplusLogo from "../media/logos/languages/c++.png"
import JavaScriptLogo from "../media/logos/languages/JavaScript.webp"
import '../css/devtools.css'
import Languages from "../data/programmingLaguages.json"
import PythonLogo from "../media/logos/languages/python-logo.png";
import JavaLogo from "../media/logos/languages/java-logo.png";
import CplusLogo from "../media/logos/languages/c++.png";
import JavaScriptLogo from "../media/logos/languages/JavaScript.webp";
import "../css/devtools.css";
import Languages from "../data/programmingLaguages.json";
const logos = {
"Python":PythonLogo,
"Java":JavaLogo,
"C++":CplusLogo,
"JavaScript": JavaScriptLogo
}
class DevToolsComponent extends Component {
render(){
return (
<div>
{/* <h2>Programming Languages</h2> */}
<div className="dev-tools-container">
{Languages.map(({name}) => (
<div className="dev-tool">
<img src={logos[name]} alt={name} className="dev-tool-logo" />
<h3>{name}</h3>
</div>
))}
</div>
</div>
);
}
Python: PythonLogo,
Java: JavaLogo,
"C++": CplusLogo,
JavaScript: JavaScriptLogo,
};
export default DevToolsComponent;
class DevToolsComponent extends Component {
render() {
return (
<div>
{/* <h2>Programming Languages</h2> */}
<div className="dev-tools-container">
{Languages.map(({ name }) => (
<div className="dev-tool">
<img src={logos[name]} alt={name} className="dev-tool-logo" />
<h3>{name}</h3>
</div>
))}
</div>
</div>
);
}
}
export default DevToolsComponent;