Getting Started To get started you will need to use create-react-app to quickly scaffold a project. You should migrate your components into a components folder in the src directory and the styles into a styles folder in the src directory. Link up all pages to make sure they working and test using npm run start in the console, use Ctrl+c to exit. You will need use npm install --save react-router-dom in the terminal to save React Router 4 to your project dependencies and make it available for import. In your index.js file, you will need to import { BrowserRouter, Route, Switch } from react-router-dom. You should use your knowledge of nested child components from React to create a BaseLayout component that houses a navigation bar and takes children (Hint: {this.props.children} or {props.children}) components and renders on each screen. You should be able to see your navigation bar from every component/page rendered. You should have the following separate components: App.js BaseLayout.js Home.js About.js Portfolio.js You should have at least two or three buttons that are stylized <Link> components in the body of your app. Your navigation bar should be fully functional and allow the users to navigate seamlessly through your app. The back button in the browser should take user's to the previous screen (because of the history API and using <BrowserRouter>). The final project should be a relatively attractive mock portfolio website. The content and styling are up to you. See example down below for a general idea of simple project structure, though your project should be more professional and polished!
Stars
2
Forks
0
Watchers
2
Open Issues
0
Overall repository health assessment
No package.json found
This might not be a Node.js project
16
commits