Skip to content

bhaggya/test-react-bootstrap

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

test-react-bootstrap

  • 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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.0%
  • HTML 10.4%
  • CSS 6.6%