A Quintin Hogg Trust funded project that aims to enable the discovery of medicines for neglected diseases caused by nematodes (parasitic worms)

✅Website Information

✅Mobile Format

✅Contact Information

Database (in March development branch)

Blog (in March development branch)

Would you like to help develop this project, fork our repository to get started.

Before starting you will need Node.js or higher so that Vue.js can run

Using Github Desktop is recommended for editing repositories (Example Below)

Right click on the folder and hit Extract which uncompresses the file and turns it into a navigable folder

Open the Command Prompt
Using the command Prompt navigate to your Downloads Folder first

cd Downloads 

Then navigate to the repository (Example of how it may look)

cd opensourcenematodedrugbase.github.io-main\opensourcenematodedrugbase.github.io-main 

Once you are in the repository you can start to run the website by navigating to the router folder and installing the packages

cd osnd-website\src\router
npm install 
npm run dev 

Before you can run the frontend without errors, you need to temporarily disable Firebase in some files. This allows the app to load even if Firebase isn’t configured on your machine.

UserDashboard.vue
DrugTargetEntry.vue
LoginFormComponent.vue
SignUpFormComponent.vue
DatabaseHome.vue
DrugTargetDataView.vue
DrugTargetEntryForm.vue
LiteratureDataView.vue
ProteinDataView.vue\

changeScreenSize.js
main.js

Instructions:

Comment out Firebase imports at the top of each file. This includes anything imported from firebase/* or vuefire.

/* import { getAuth, onAuthStateChanged } from 'firebase/auth';
import { getFirestore, doc, getDoc, Timestamp } from 'firebase/firestore'; */

Comment out or mock Firebase-dependent code inside setup(), methods, or other functions that use auth, firestore, database, dbRef, VueFire, signInWithEmailAndPassword, or similar. Wrap the code in /* ... */.

Replace dynamic Firebase IDs in router paths or methods with placeholders. For example:

// Original:
router.push({ path: `/drug-target-entry/${entry.firebaseId}` });
// Temporary:
router.push({ path: `/drug-target-entry/demo-id` });

Keep all non-Firebase logic intact, including template code, computed properties, and router navigation, so the app still runs.

After doing this, you should be able to run:

npm install
npm run dev

and see the frontend without Firebase errors.

Open the link provided in your preferred browser

Feel free to ask any questions by opening up a new Q&A discussion through our Discussions page
Contact [email protected] for more information.