GithubHelp home page GithubHelp logo

vmptk / bookmarks.dev Goto Github PK

View Code? Open in Web Editor NEW

This project forked from codeverdotdev/codever

1.0 1.0 0.0 44.8 MB

Bookmarks and Code Snippets Manager for Developers & Co

Home Page: https://www.bookmarks.dev

License: MIT License

JavaScript 29.25% Dockerfile 0.25% CSS 0.06% TypeScript 44.94% HTML 23.05% SCSS 2.45%

bookmarks.dev's Introduction

Bookmarks Manager for Developers & Co

Bookmarks.dev is a bookmarks and code-snippets manager created and designed primarily for Developers & Co. It helps you save time and nerves when managing your dev bookmarks and eases bookmarking of code snippets via Codelets. Check our HowTo page to help you get started:

Save to Bookmarks.dev chrome extension usage

Most worthy public bookmarks are published regularly on Github in a separate repository.


Getting started (development or self hosting)

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

The project is developed with the MEAN stack and Keycloak for authentication and authorization: components-graph

The project contains two parts

  • frontend which makes up the User Interface. This uses with Angular and Angular CLI.
  • backend which is the API supporting the UI. It uses ExpressJS with MongoDB and Keycloak. See the OpenAPI specification

Prerequisites

What you need to run this app:

  • node and npm (we recommend using NVM)
    • Ensure you're running Node at least (v10.x.x+) and NPM (6.x.x+)
  • nodemon - npm install -g nodemon
  • Docker - we recommend using Docker Desktop

Docker and Docker-compose are currently used only for local development

Installing (development setup)

Start MongoDB and Keycloak server

For the first time uncomment the following line:

    #command: -Dkeycloak.migration.action=import -Dkeycloak.migration.provider=dir -Dkeycloak.migration.dir=/tmp/keycloak/export-import -Dkeycloak.migration.strategy=IGNORE_EXISTING

in the docker-compose file, so that the initial Keycloak setup (realm and users) is loaded.

For further startups of docker-compose you should comment back this line, as it starts faster

docker-compose up

Use -d to run it in the background

Install and run (frontend & backend)

You want to have the backend API running first with the following commands:

# install
nvm use   #only if you are using nvm
npm install

# run
npm run frontend #to run the frontend
npm run backend #to run the backend

#alternatively run in parallel
npm start

or in one line nvm use; npm install; npm start

This starts

  • the API with nodemon at http://localhost:3000/api and will watch for code changes in backend and automatically redeploy.
  • the frontend available at http://localhost:4200. Login the user/password mock/mock configured for you in the initial Keycloak setup. Some bookmarks are initially loaded with your account so you can start playing with them.

You can create your own test user, or any other extra users by following the screenshots in Add a Keycloak user to create it.

To be able to automatically add youtube videos published date and duration to the title you need to create a nodemon.json file based on the backend/nodemon.json.example and your own youtube api key

Testing

Backend

Integration tests

Keycloak and mongodb have to be started as specified above (docker-compose up command)

Run the integration test by issuing the following command.

cd backend;
npm run integration-tests

A report will be generated.

Debugging

Frontend

Dev Tools in Chromium browsers

You can use the Dev Tools in Chromium based browsers (e.g. Chrome, Brave). Navigate to Sources and the file you want to set your break points, like in the following example:

chrome-dev-tools-debugging

IntelliJ

In IntelliJ you add Javascript Debug configuration as shown below:

Intelli-frontend-debugging

Backend

IntelliJ / Webstorm (Node.js plugin is required)

The npm run debug starts nodemon with the --inspect parameter so you can attach to this process, by using the following configuration: nodejs-remote-debugging

Visual Studio Code

See Node.js debugging in VS Code with Nodemon

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Changelog

The changelog is available in CHANGELOG.md

To update the changelog execute the following commands:

nvm use
standard-changelog

License

This project is licensed under the MIT License - see the LICENSE file for details

bookmarks.dev's People

Contributors

abner avatar adixchen avatar braincrumbz avatar cebor avatar dependabot[bot] avatar foxandxss avatar garyb432 avatar gravity-addiction avatar icfantv avatar jaykan avatar jimthedev avatar kartsims avatar luixaviles avatar mvarblow avatar nathanwalker avatar ocombe avatar ollwenjones avatar onlyann avatar patrickjs avatar phra avatar pjmolina avatar rascada avatar redian avatar rhutzel avatar tb avatar wesleycho avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.