Landing page for a Frontend Bootcamp. Built using React-Bootstrap
Explore the docs --- View Demo --- Report Bug
Table of Contents
This Frontend Bootcamp project is a responsive landing page that was created to showcase an example of a bootcamp program focused on frontend development. The page features a clean, modern design, with various sections detailing the curriculum and instructors. The page makes use of Bootstrap and React to provide a seamless user experience, with MapBox GL used for the contact section, unDraw for the graphics, and FontAwesome and LoremPicsum for the avatars.
This project started out as a Bootstrap tutorial from the Traversy Media YouTube Page. After completing the project, I decided to turn the entire thing into a React app, using React-Bootstrap.
I initially completed the project because I wanted to learn more about Bootstrap 5. Bootstrap isn't hard to wrap your head around, so I went a little more in depth and rendered everything through React in order to solidify my understanding of both react and bootstrap. React-Bootstrap is great because you write a lot less classes and the code ends up looking a lot cleaner.
- How to add the Boostrap 5 and Bootstrap Icons CDN to an HTML file, along with the corresponding JavaScript scripts
- How to use SVG images from undraw.co
- How to create a responsive navbar with Bootstrap
- How to create a showcase with flex classes
- How to create a newsletter with input group
- How to create boxes with Bootstrap grid and cards
- How to create an Accordion style FAQ section
- How to create grid cards that contain rounded avatar images using randomuser.me and Bootstrap Icons
- How to create a contact info list
- How to use MapBox access tokens to embed maps in a react app
- How to create a Bootstrap footer with a "back to top" link
- How to create a modal popup with a form on it
I'd love to hear any feedback or just thoughts. Feel free to reach out at my contact info below. Cheers!
Distributed under the MIT License. See LICENSE.md for more information.
Give a ⭐️ if you like this project and if you like my work, maybe you would like to
