DEV Community

Cover image for Portfolio template using React

Posted on • Updated on

Portfolio template using React

Hello everyone! I recently created a portfolio template using React and React Router.
It's quite simple to understand and easily customizable.

The App.js

In the App.js through react-router I render the pages:

App code

Home page

The home page simply contains a background image and strings automatically generated with typed.js.

Home page code

About page

The about page, as the name implies, contains personal information and skills and in the icons folder, in the assets, there are already many icons of programming languages and other ready-to-use icons.

About page code

Projects page

The projects page is used to show your projects accompanied by a description.

Projects page code

Contact page

On this page you can show your main profiles and through Emailjs you can send emails directly from the page itself. Here too in the icons folder there are already icons of the main social networks

Contact page code


All you need to do to modify the various personal fields in the project is contained in the datas.js file and that's it!

Here you can see the live project and here the github repo.

I hope you liked the post, I invite you to comment and leave a review. Thank you.

Top comments (0)