ReactJS Portfolio With Admin Panel

A very neat react portfolio app that uses MongoDb, Express, ReactJs, and NodeJS

REST API was implemented on the backend. Material Ui React was used on the frontend.

Intructions

Fork, then download or clone the repo.

git clone https://github.com/<your-user-name>/react_portfolio.git

The config folder contains a file named config.js. Before running locally, change the value of db as seen in the code below. Make sure MongoDB service is running.

module.exports = {
  db: "mongodb://localhost/yourdbcollection",
};

Back-end

Install the dependencies via the terminal.

npm install

Run the main server.

CORS=1 node server

View http://localhost:3000 on the browser.

Front-end

If you want to modify the front-end, go to client folder via the terminal.

cd client

Install the dependencies required by React.

npm install

Run the development server for React.

REACT_APP_API_URL=http://localhost:3001 npm start

View http://localhost:3001 on the browser.

To make a production build, simply run on client folder via the terminal.

npm run build

It re-creates a folder named public on the root directory. This is where the production-ready front-end of the web application resides.