- Fork from this repository to create your own
- Create a new ReactJS project using create-react-app (version: "^17.0.2")
- Use react-bootstrap for styling (version: "^2.0.0")
- Use react-router-dom to create a single page app (version: "^6.1.1")
- Create pages for Home, About, Contact Us
- Create routes for each of the three pages
- Create a common navigation bar component placed at the top of all the pages that contains links to all three pages
- Make it so that the navigation bar becomes a menu that pops out from the right side of the page when the screen size is "xs" (see bootstrap offcanvas example)
- The home and about pages can just have a "jumbotron" type image (any sample image is fine) and then a few paragraphs of some "lorem ipsum" text inside of a responsive container
- The contact us page should have a form that requests the user to enter their name, email, and some message text, with a submit button. On form submit it should just display the form data as JSON in a popup modal.
- Create a pull request to merge in your changes to this repository
forked from dbradley-mindaro/test-react-bootstrap
-
Notifications
You must be signed in to change notification settings - Fork 0
bhaggya/test-react-bootstrap
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- JavaScript 83.0%
- HTML 10.4%
- CSS 6.6%