Skip to content

My portfolio :) You will find most recent projects there - all in one place together with needed links and a contact form.

Notifications You must be signed in to change notification settings

MoNo258/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

69 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio

This is Portfolio of MoNo258. You will find most recent projects there - all in one place together with needed links and a contact form.
Designed and coded by MoNo258 :)

Link to demo:

screenshot screenshot screenshot screenshot

This project uses

  • React.js
  • React Router
  • Sass
  • Bootstrap
  • create-react-app (This project was bootstrapped with Create React App.)
  • Contact form created with Nodemailer (using Express server)
  • image used in banner taken from MoNo258's private collection
  • svg icons made by Dave Gandy from Flaticon
  • original Wonder Woman jpg taken from pixabay and modified by MoNo258

Useful info

General stuff

For running app locally you need to follow below steps.

Step 1 - clone code and install needed packages

  1. Clone app: git clone https://github.com/MoNo258/Portfolio
  2. Go to folder where files will be placed cd portfolio
  3. In above folder run in terminal npm i

Step 2 - run needed scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
This will open app on localhost 3000 but only with front-end part working. But since app contains back-end part (contact form), you must use localhost 4001 to check this functionality.
NOTE: You must have builded app in build folder to run it correctly on 4001. If not downloaded yet just run build process for the app (see npm run build).
Open http://localhost:3000 to view app in the browser (w/o working Contact Form).
Open http://localhost:4001 to also check Contact Form functionality.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.