A website built with React.js to show my work when applying for a job.
Users should be able to:
- reach the corresponding title by clicking on the navigation.
- see the developer's name, photos, and links to sections about developer, works, and how to contact developer.
- click the links of applications to transfer into GitHub and deployed application.
- Solution URL: https://github.com/YangLongWang/Portfolio-React
- Live Site URL: https://yanglongwang.github.io/Portfolio-React/
- React.js
- CSS
- Bootstrap
- practice using bootstrap
- practice building with React components
- deployment app on Github
To see how I add code snippets, see below:
function App() {
const [currentPage, setCurrentPage] = useState("About me");
const renderPage = () => {
if (currentPage === "About me") {
return <About />;
}
if (currentPage === "Portfolio") {
return <Portfolio />;
}
if (currentPage === "Contact") {
return <ContactForm />;
}
return <Resume />;
};
const handlePageChange = (page) => setCurrentPage(page);
return (
<div className="container">
<div className="d-flex justify-content-between py-4">
<Header></Header>
<Nav
currentPage={currentPage}
handlePageChange={handlePageChange}
className="align-self-end"
></Nav>
</div>
<main>{renderPage()}</main>
<Footer></Footer>
</div>
);
}- Github - Longyang Wang