๐ฅ This exercise is meant to be done with a partner.
Collaborate, discuss exchange with others and your learning will be easier and faster.
Technologies: HTML, CSS, JS, React.
Let's build this landing page using React Function Components. The idea is to split Bootstrap components into different function Components, they'll be all imported in the main component Home.jsx
Please use Function Components for this
Note: the Cards have different content, think DRY (Don't repeat yourself) and declare only one component and use props
to handle different content.
Do not clone this repository.
The first step to start coding is cloning the react boilerplate on your local computer or gitpod.
a) If using Gitpod you can clone the boilerplate by clicking here.
b) If working locally type the following command from your command line:
$ git clone https://github.com/4GeeksAcademy/react-hello
๐ก Important: Remember to create a new repository, update the remote, and upload the code to your new repository.
Then, take some minutes to build a strategy, draw it!
The key of this project is to help you understand how to pick the components that you want to build, you have to think the best way to organize and avoid future errors. What can be re-used? If your code is tuning into something big and hard to understand you probably will need to split into components: <Jumbotron />
, <Navbar />
, <Card />
.
That is it! Start coding your first React website. Have fun!