Skip to content

GemmaGarcias/mireiagrauReact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML5,CSS3 and JS ES6 Bootstrap
npm React NodeJS ExpressJS MongoDB Monogoose

Skylab

MIREIA GRAU WEBSITE'S PROJECT

The definitive portfolio webside with an administration area

Screenshot Home

WEB PAGE

You can view the images in an elegant way

Screenshot Gallery

Screenshot Gallery detail

ADMIN PAGE

Config your page with your admin site

Screenshot Admin 1

Screenshot Admin 2

Description of quick usage

Installation in your computer:

1) Run the server with database:

You need to have installed NodeJS with npm, and MongoDB

Configuration env file

You need to create an .env file in the project root with the following environment variables configured:

  • Port:

    PORT=3001
    
  • Mongodb path and database to use:

    DB_URL=mongodb://localhost:27017/test
    
  • Cloudinary account keys: You need to be registered in cloudinary and add your account details to the enviroment variables:

    CLOUD_NAME=XXXXXXXXXX
    API_KEY=XXXXXXXXXX
    API_SECRET=XXXXXXXXXX
    
  • Upload folder for cloudinary images:

    UPLOAD_FOLDER=uploads
    

Run the server:

All dependencies have to be be installed:

$ npm install

Start server

$ npm run dev

2) To run react client:

  • Clone or download this repository

Configuration env file

You need to create an .env.development file in the project root with the following environment variable configured:

  • Api server:
    REACT_APP_API_SERVER=http://localhost:3001
    

Run the react application:

All dependencies have to be be installed:

$ npm install

Start React App

$ npm start

Author

Gemma Garcias Escudé