PDF to HTML single page React website
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
.travis.yml
README.md
package-lock.json
package.json
start
yarn.lock

README.md

Brandi - PSD to HTML/React

Demo: http://brandi-react.surge.sh/

PSD Mockup: Brandi One Page PSD Template

CI/CD Build: https://travis-ci.org/cndragn/brandi-mockup

Description

Developing a PSD into a fully featured React website

Technologies Used

ReactJS, Bootstrap, Sass, Travis-CI, Jest, Enzyme
CI/CD w Integrated testing & automatic deployment

Run locally

  • Clone brandi repo and cd into it
    • terminal: npm start
  • To process Sass
    • in seperate terminal: npm run sass

Sass processor set up

  • terminal: gem install sass
  • In package.json's scripts, add this line: "sass" : "sass --watch src/styles/scss:src/styles/css"
  • Create your custom bootstrap theme file src/styles/scss/custom.scss
  • Open a new tab in terminal: npm run sass
  • In src/index.js replace import 'bootstrap/dist/css/bootstrap.css'; with import './styles/css/custom.css';
  • At bottom of custom.scss file add @import "../../../node_modules/bootstrap/scss/bootstrap";

Manual deployment

Deploy to Surge

  • Update api in IdeaForm.js and IdeasContainer.js from localhost:3001
  • terminal: npm run build
  • terminal: surge
  • Log in or create account at prompt
  • Add build at end of project path
  • Change project url if desired, ending with surge.sh

Update project on Surge

  • terminal: npm run build
  • terminal: surge
  • Log in at prompt
  • Add build at end of project path
  • Change project url to project being updated

Attributions

Design: kreativeshowecase.com Brandi One Page PSD Template
Header background: pixabay 1990470 Team Photos: pixabay & pexals