Git Product home page Git Product logo

itskarelleh / animal-kingdom-database Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 1.0 1.26 MB

A web app that lets users search for animals and find out more about an animal's background and taxonomic ranks in the animal kingdom

Home Page: https://animal-kingdom-psi.vercel.app/

License: MIT License

CSS 1.92% TypeScript 93.47% JavaScript 4.61%
animals biology database graphql nextjs postgresql prisma react shadcn tailwindcss typescript

animal-kingdom-database's Issues

[FRONTEND] Change Dark Mode Color from Slate to Zinc

What needs to be done:
The main color for the dark mode theme needs to be changed from slate to zinc

To achieve this, do the following:

  • Replace all classes with the word slate to zinc(e.g, text-slate-500 to text-zinc-500)

[FRONTEND] - Update Searchbar's Appearance

Update the appearance of the component so that it matches the theme of the rest of the app.

To achieve this do the following:

  • Remove the bottom border
  • Add an inner shadow

Fix the Search Dialog/Modal/Popup

The search dialog on the navigation bar does not close when the user chooses an animal from the autocomplete input. Fix it so that when a user does click an option from the search, it closes the dialog.

[Frontend] Add Vercel Analytics

What needs to be done:
Add Vercel analytics

To achieve this, do the following:

  • Install Vercel analytics via npm
  • add to root layout/page

Indexing

Using Prisma, add an index for faster search results. Currently, users are able to search for animals by name.

Update README.md

The README.md needs more details. Sections of the README.md should be:

  • About
  • Stack
  • Features
  • How to Contribute

๐Ÿพ [NEW ANIMAL] Cougar

{
    name: 'cougar'
    description: 'a large cat native to the Americas'
    thumbnail: 'https://github.com/itskarelleh/animal-kingdom-database/assets/23417952/a113bcbe-eb60-41b2-9d88-f858e3438a5b'
    conservationStatus: 'LC'
    phylum: 'chordata'
    subPhylum: 'vertebrata'
    classification: 'mammalia'
    animalOrder: 'carnivora'
    family: 'felidae'
}

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.