Awesome Open Source
Awesome Open Source

Technical Overview

A portfolio site is essential for every software developer to showcase projects and technical skills which demonstrates what you can do based upon your resume.

So I have built my site using react.js as a front end, node.js as a back-end, and MongoDB as storage, for better performance I have implemented server-side rendering technique which is a very popular technique for rendering client-side webpage on the server and server will send the complete result to the client, and to bundle the module I have used Webpack which is a module bundler to bundle javascript, front-end assets.

Website Link

MongoDB database import command

Please import the databases after cloning this repo.

git clone

cd reactjs-portfolio-mern-website/databases

mongoimport --uri "mongodb://" --collection skills --jsonArray --file skills.json
mongoimport --uri "mongodb://" --collection projects --jsonArray --file projects.json
mongoimport --uri "mongodb://" --collection blogs --jsonArray --file blogs.json


cd reactjs-portfolio-mern-website

npm install
npm run start

Open http://localhost:9002 to view it in the browser.

Website Design & Developed by

Anshuman Pattnaik


This project is licensed under the MIT License

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,454
nodejs (3,815
redux (1,174
webpack (1,161
reactjs (1,104
mongodb (820
server-side-rendering (147
portfolio (140
full-stack (84
redux-thunk (53
portfolio-website (50
software-development (31
single-page-applications (28
server-side (24
mern-stack (22
portfolio-site (16
webapplication (16