vitrine-react

Smiles React Vitrine

Instructions

To install dependencies

npm install or yarn

To run project

npm start or yarn start

Requirements for layout

Implementation example:

import React from 'react';
import Vitrine from 'vitrine-react';

import Mock from './assets/mock-vitrine';
import './App.css';

function App() {
  return (
    <div className="App">
      <Vitrine idComponent="id1" propData={Mock} propRegion="Niterói" />
    </div>
  );
}

export default App;

include link below on your index.html:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css" />

include @font-face on your stylesheet file, like:

@font-face {
  font-family: 'NunitoRegular';
    src: url(assets/fonts/nunito/Nunito-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'NunitoBold';
  src: url(assets/fonts/nunito/Nunito-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'NunitoLight';
    src: url(assets/fonts/nunito/Nunito-Light.ttf) format('truetype');
}

and add font files on your project assets folder.