https://github.com/brendanmurty/pinboard-react-client
A basic example of some React and Express code which lists bookmarks from Pinboard.
https://github.com/brendanmurty/pinboard-react-client
bookmarks express javascript nodejs pinboard react responsive
Last synced: 16 days ago
JSON representation
A basic example of some React and Express code which lists bookmarks from Pinboard.
- Host: GitHub
- URL: https://github.com/brendanmurty/pinboard-react-client
- Owner: brendanmurty
- License: other
- Created: 2019-02-13T03:37:43.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2024-09-10T00:09:49.000Z (8 months ago)
- Last Synced: 2025-03-23T00:31:52.399Z (about 2 months ago)
- Topics: bookmarks, express, javascript, nodejs, pinboard, react, responsive
- Language: JavaScript
- Homepage:
- Size: 1.05 MB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Pinboard React Client
A basic example of some [React](https://reactjs.org/) and [Express](https://expressjs.com/) code which lists bookmarks from [Pinboard](https://pinboard.in/).
I've also used an icon from the [Feather](https://feathericons.com/) open-source icon pack.
## Directory Structure
- [assets](assets/) - Design-related source files
- [docs](docs/) - Project documentation files
- [docs/todo.md](docs/todo.md) - The project's task list
- [public](public/) - Front-end image and HTML files that are also used in the build process
- [server](server/) - Back-end API endpoint logic built using Express
- [src/css](src/css/) - Styling files for the UI
- [src/components](src/components/) - Front-end UI components built using React
- [src/views](src/views/) - Front-end UI views built using React
- [src/index.js](src/index.js) - Front-end entry point used to initialise the UI via React
- [license.md](license.md) - The project's license file for details on the rights and limitations when using the code here in your own projects
- [package.json](package.json) - Node package configuration file that also includes shortcut commands in the `scripts` section
- [server.js](server.js) - Node web server that uses Express to configure routes for both the back-end and front-end
## Configuration
### Initial Setup
```
npm install
cp -n example.env .env
```
Then edit the `.env` file to use the appropriate configuration values for the application.
### Update the Pinboard API Token
1. Visit your [Pinboard password page](https://pinboard.in/settings/password)
2. Save this in `.env` as the value of the `PINBOARD_API_TOKEN` variable
3. Apply the changes to the application: `npm run serve`
### Update the domain and port configuration
1. Edit the `APP_DOMAIN` and `APP_PORT` values in `.env`
2. Apply the changes to the application: `npm run serve`
## Commands
### Compile a production-ready asset bundle
```
npm run build
```
### Start a local web server
```
npm run serve
```