DEV Community

loading...
Cover image for React Portfolio in 5 minutes

React Portfolio in 5 minutes

jwp profile image John Peters ・1 min read

In the job market today, it's always nice to show prospective employers your chops.

Problem
Website design is an art, a serious art. It takes a long time to 'get there' so... We'll bypass that part and borrow from what's freely available.

Use Free Templates

Here's a nice free Landing Page template for React.

  • Open Visual Studio Code (VSC) to a new folder named LandingPage.
  • Click on Terminal/New Terminal
  • Type in this command
git clone https://github.com/issaafalkattan/React-Landing-Page-Template.git
Enter fullscreen mode Exit fullscreen mode
  • Open VSC Code to that folder just installed. File/Open Folder
  • You should see this: Alt Text
  • Click on Terminal/New Terminal
  • Type in these commands:
npm install 
npm audit fix
npm run start
Enter fullscreen mode Exit fullscreen mode

Do you see this?

Alt Text

Congratulations! You now have a landing page which you can begin customizing following the patterns already there.

Tips:
GitHub is the goto place for all open source software. It is the incubator of many of the NPM packages we find. It's probably the best place to look for free React Templates.

JWP2021 React New Portfolio

Discussion (0)

Forem Open with the Forem app