Step 6: Create React files and import React-Router-Domġ. You can see that we clean all default React code in the App.js file and leave it like that for now. Open App.js and type import lines, your App.js should look like this Now, we need to import Materialize CSS into our React Project.ģ. Step 5: Link Google Material Design Libraryġ. Go to index.html and paste this jQuery code above the closing body tag. Go to, click Download jQuery, scroll down and select Google CDN, copy the latest jQuery version, it should be like thisĦ. Go to your react app, click on the index.html file and paste this font kit in the head sectionĥ. After creating an account, log in and create a font kit, copy that font kitĤ.
You need to create an account if you don't have it.ģ. Visit this URL to download font-awesome Ģ.
#MATERIALIZE CSS REACT INSTALL#
Typing this command "npm install react-router-dom" and hit Enter.ġ. Visit and select Get Started, copy this code "npm install paste it into your Terminal or command prompt (make sure you are inside "mycv" folder) Step 2: Install Google Material Design Library Press Ctrl ` on your keyboard to open Command Prompt or Terminal which is integrated into VS code. Using VS code or any editor tool to open mycv folder, here I am using VS code so I type this command to open it "code. Go to mycv folder by using this command "cd mycv"ħ. Type "create-react-app mycv" to create React project name "mycv"Ħ. In Desktop, please type this command "npm i create-react-app"ĥ. Using the command to go to Desktop folderĤ. Open Terminal (on Mac) or Command Prompt (on Window)ģ. Go to to download and install into your machineĢ. You can also follow this instruction step by step to build the CV landing page using React and Google Material Designġ.
#MATERIALIZE CSS REACT HOW TO#
To learn how to build this template by watching video, this is the tutorial link If you like this template, please follow my profile and download more FREE template from me. There is an attached Zip file which you can download and use it for Personal and Business purpose. You can also customize it to use for other purposes. This template is suitable for portfolio websites, profile websites. This is a FREE CV template build with React and Google Material Design which is a one-page template with a navigation bar and 4 sections About, Skills, Education, Experience.
0 kommentar(er)
