Skip to content

cndragn/brandi-mockup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

PDF to HTML single page React website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published