{"size": 1067, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "abissier/React-ABG-Portfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "abissier/React-ABG-Portfolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "abissier/React-ABG-Portfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.1956521739, "max_line_length": 49, "alphanum_fraction": 0.6326148079}
import React, { useEffect } from 'react';
import Title from './components/Title';
import Navbar from './components/Navbar';
import About from './components/About';
import Project from './components/Project';
import Contact from './components/Contact';
import projects from './data/projects.json';
import ReactGA from 'react-ga';
import AppConfig from './App.config';
import './App.css';

function App() {
	useEffect(() => {
		ReactGA.initialize(AppConfig.GA_TRACKING_CODE);
		ReactGA.pageview(window.location.pathname);
	});

	return (
		<div>
			<Navbar />
			<Title />
			<About />
			<div id="projects">
				<h1>- PROJECTS -</h1>
				<div className="projectWrapper">
					{projects.map((project, index) => (
						<Project
							key={index}
							id={project.id}
							title={project.title}
							code={project.code}
							deployedCode={project.deployedCode}
							description={project.description}
							tools={project.tools}
							imageSrc={project.imageSrc}
						/>
					))}
				</div>
			</div>
			<Contact />{' '}
		</div>
	);
}

export default App;
