项目作者: Gabson1

项目描述 :
Value Asset Manager
高级语言: JavaScript
项目地址: git://github.com/Gabson1/myCatalog.git
创建时间: 2020-03-20T08:24:46Z
项目社区:https://github.com/Gabson1/myCatalog

开源协议:

下载


MyCatalog

Author: Gabriel Ayham Semaan


Supervisor: Samer Murad

Description: MyCatalog is a Value Asset Manager. It allows its users to
store valuable assets, like gold or watches, in tables. In addition, MyCatalog
boasts a number of features & functionalities that reduce redundant tasks and
gives the user a better way to manage their assets.
Users can, for example, add an integration that fetches the recent price for
gold. Another example would be, a user can receive SMS or Email notifications
when the price of their gold drops by 10%.

Scripts

Development:

npm run start fires up the react application
npm run server:watch fires up the nodejs/expressjs server in watch mode

Production:

npm run server fires up the nodejs/expressjs server and serves the frontend
npm run build bundles the react app into es5 browser supported vanilla javascript

Setting up and starting the project

Adding the remote repository on your local machine

If you don’t have a Github account:

  1. Clone the repository

    git clone https://github.com/MisterSemaan/myCatalog.git
  2. Remove the git file

    cd myCatalog && rm -rf .git

If you do have a Github account

  1. Go to the url

    https://github.com/MisterSemaan/myCatalog
  2. Click the ‘Fork’ button on the top-right corner

Installing dependencies

  1. Go into the local repository

    cd myCatalog
  2. Client and Server directories have their own package.json files
  • Go into client directory and install dependencies
    cd client && npm install
  • Go into server directory and install dependencies
    cd erver && npm install

Connecting to your mongoDB atlas account

  1. Go to the following url and create a new account

    https://www.mongodb.com/
  2. Follow the instructions of setting up your cluster
  3. Create a new database and call it mycatalog
  4. Go to the connections tab and choose Connect your application
  5. Copy the connection string
  6. Go into your server directory and create a .env file

    cd server && touch .env
  7. Create a new key and name it MOGO_URI
  8. Paste your connection string as the respective value to the key MONGO_URI
  9. Replace the ‘password’ field with your mongoDB account password

Creating the react env file

  1. Go into your client directory and create a env.json file

    cd client && touch env.json
  2. Paste the following code into your env.json file
    1. {
    2. "backendUrl": "http://localhost:5000",
    3. "host": "localhost",
    4. "port": 3000,
    5. "jwtSecret": "",
    6. "apiUserRoute": "/api/user",
    7. "apiAuthRoute": "/api/auth",
    8. "apiCatalogRoute": "/api/catalog",
    9. "newsApiKey": ""
    10. }
    For the ‘jwtSecret’ field, choose any word, phrase combination and paste it into the empty value field.
    For the ‘newsApiKey’ do the following:
  3. Go to the url

    https://newsapi.org/
  4. Click on ‘Get API Key’
  5. Follow the instructions
  6. Paste the key into the empty value field

Starting the application

  1. Go into the client directory and run

    cd client && npm run start
  2. Go into the server directory and run

    cd server && npm run server