Resource Library

A private, local-first dashboard for saving the useful resources you collect from social media, email, and the web.

No account, database, or API key is required. Your library is stored in your browser on your computer.

What it does

• Saves links to PDFs, checklists, spreadsheets, templates, swipe files, guides, links, and websites
• Searches by title, creator, keyword, type, or tag
• Filters by creator and resource type
• Suggests creators and tags you have already used
• Lets you add new creators and tags while entering a resource
• Lets you edit or delete saved resources, with confirmation before deletion
• Shows your most-saved creators, most-saved resource types, and recent activity
• Includes dark and light modes
• Works on desktop, tablet, and mobile screen sizes

Important data note

The app uses browser local storage. Your library stays on the browser and device where you created it. It does not sync between devices.

Clearing the browser's site data can remove your saved library. Treat this version as a simple personal tool, not a backed-up database.

What you need

• Node.js 18 or newer
• A modern web browser
• Git, only if you want to clone the repository instead of downloading the ZIP

Fastest setup with the ChatGPT desktop app and Codex

The ChatGPT desktop app can open a local folder. OpenAI recommends Codex for software-development work and Work for documents, research, and other deliverables. See the official ChatGPT quickstart.

1. Download this repository as a ZIP from GitHub and unzip it.
2. Open the ChatGPT desktop app and sign in.
3. Select Codex from the ChatGPT menu.
4. Open the unzipped resource-library folder.
5. Paste this prompt:

Set up this Resource Library for me. Install its dependencies, run the build and tests, start the local development server, and open the working app in a browser. Keep the library empty and do not add sample data.

6. When Codex finishes, use the local URL it opens. It will usually look like http://localhost:5173.

Setup with ChatGPT Work

ChatGPT Work can inspect and modify the project folder, help customize the app, and create supporting material. For running and testing the software itself, switch to Codex when available.

1. Download and unzip the repository.
2. Open the ChatGPT desktop app.
3. Select ChatGPT, then choose Work above the message box.
4. Open or attach the unzipped project folder.
5. Paste this prompt:

Help me set up this Resource Library. Read README.md first. If this Work session can run local development tools, install the dependencies, run the tests, and start the app. If it cannot run the local server, hand this folder to Codex and use the setup prompt from the README.

Setup with Claude Cowork

Claude Cowork can work in a folder you choose. Anthropic's current requirements and setup steps are in the Claude Cowork guide.

1. Download this repository as a ZIP and unzip it.
2. Open Claude and select Cowork.
3. Choose Work in a folder, or create a Cowork project and select Use an existing folder.
4. Select the unzipped resource-library folder.
5. Paste this prompt:

Set up this Resource Library in the selected folder. Read README.md, install the dependencies, run the build and tests, start the local development server, and give me the local URL. Keep the library empty and do not add sample data.

If your Cowork session cannot expose a local development URL, use the manual setup below or open the same folder in Claude Code.

Setup with Claude Code

Anthropic's current requirements and authentication options are in the official Claude Code setup guide.

1. Install Claude Code:

npm install -g @anthropic-ai/claude-code

2. Clone and open the project:

git clone https://github.com/justynberk/resource-library.git
cd resource-library
claude

3. Sign in when prompted.
4. Paste this prompt:

Install the project dependencies, run the build and tests, start the development server, and tell me the local URL. Do not add sample data.

Manual setup

Use this option if you do not want an AI coding tool to perform the setup.

git clone https://github.com/justynberk/resource-library.git
cd resource-library
npm install
npm run dev

Open the local URL printed in the terminal. To stop the app, return to the terminal and press Control+C.

Using the library

1. Select Add resource.
2. Enter the resource name and creator.
3. Choose the resource type and where you found it.
4. Add the resource link, original post link, comment keyword, tags, and any notes you want to remember.
5. Select Save resource.
6. Use search, creator filters, and type filters to find it later.
7. Select a resource and use Edit whenever its details need to change.

Creators and tags become reusable suggestions after you save them once.

Available commands

npm run dev        # Start the local development server
npm run build      # Create a production build
npm run preview    # Preview the production build locally
npm run test:sites # Verify the included hosting package

Customize it

• App behavior and content live in src/App.jsx.
• Colors, layout, and responsive styling live in src/styles.css.
• The app title and browser description live in index.html.
• Agent instructions live in AGENTS.md.

License

MIT. You can use, modify, and redistribute the project.