React Router Apple Nav

• Building out a navigation app that mimics Apple's Slick Navigation from their marketing website.

Project Setup

• Use create-react-app to make an application, name it apple-nav.
• Build out a few components here. Some variation of a NavWrapper component which will be your navigation header.
• Build out a reusable Nav component that you can turn into a navigation link for each parent category.
• Build out some sort of SubNav component, that will be reusable and display your sub-navigation links for each category.

Front-End Dependencies

React

React is the current industry standard that offers a lot of out of the box benefits. It is fast, efficient, and scalable. Due to the large community, finding solutions to potential problems and reference material is much easier, even for a potential dev without a lot of experience who would like to contribute to Main Course. | View Dependency

Connected React Router

Allows for the ability to synchronize state with redux store through uni-directional data flow, time traveling, and dispatching of history methods. This makes for an incredibly useful tool when dealing with various stages of state and subsequent routing for a seamless and intuitive UI. | View Dependency

About

• The Web App Uses React and React Router Dom to Create a slick Navigation system like Apple's Commercial Website.
• It consists of a main NavBar with all the General Products Series of the company.
• In the Main NavBar each component have a sub navigation bar which provides the links to the particular items of that Product Series.