This is the official project for making a public-facing page for the new Universal Chalcidoidea Database, using Taxonworks to host and manage the data. The front end is created with Vue.js with Vite and Bootstrap.
Setup:
-
Have Node.js installed
-
Have Vue.js 3 installed
-
Have Vite installed
-
Make an
.env
file using Vite syntax for the API calls. The contents should look like what is below. These statements cannot contain spaces or any punctuation aside from=
and_
.VITE_APP_API_TOKEN=
[your api token for the Universal Chalcidoidea Database in Taxonworks]VITE_APP_PROJECT_TOKEN=
[project token for the Universal Chalcidoidea Database in Taxonworks] -
The
.env
file should go in the root directory of the project, same location asvite.config.js
.
What stage are we at? I regard this as beta build.
- There are some changes that could certainly be made to optimize performance and maintenance.
- Additionally, there are certainly some CSS (especially) and other changes that should be made for consistency and professional-looking code. I want to consistently use the Vue.js 3 Composition API, although that may not be obvious if I lapsed into any mistaken code along the way.
- Additionally, some code should be moved to components, and some functions should be refactored, both to satisfy DRY (Don't Repeat Yourself) requirements and likely for other reasons as well.
- New ideas are on the way for design. I would also like to add some features as we go along.
- The countries list is suboptimal at the moment, since I am not aware of a way to query
geographical_areas
to build a proper search or autocomplete. - A keywords search is incoming.
- The loading wheel stopped working at some point. I am not happy about that, but will look at it again once I get time.