Git Product home page Git Product logo

developers-dictionary's People

Contributors

bnzene avatar dependabot[bot] avatar kathicks avatar micaw avatar tamarlehmann avatar taziva avatar varvarra avatar

Stargazers

avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar

Forkers

micaw bnzene

developers-dictionary's Issues

Filtering by tags

  • Terms also have tags in the database
  • Terms can have multiple tags
  • Landing page includes a filter button with a dropdown of tags
  • Terms can be filtered by tag

Adding new term

  • Click add term (on homepage) and a form pops up
  • Enter term, short description, full description and source url
  • All fields to have character limits, be required and be unique
  • New term should appear once added

Creating cards

  • Each term listed is on a card with a brief definition included

Design radial menu

  • Easy to read with short definitions
  • Shows every word when spinning
  • Spins on scroll
  • Word in focus is highlighted
  • Guided by: CodePen and Books

Up-votes

  • User that is signed in can see an up-vote button by each definition on a term's detail page
  • Up-vote button uses AJAX to automatically update the rating of the definition
  • User cannot up-vote a definition more than once

Adding new definition to existing term

  • Click add definition (on term show page) and a form pops up
  • Validations the same as adding a new term
  • Definition should appear on term page once added

Down-votes

  • User can down-vote a definition in much the same way as up-votes
  • User can only down-vote a definition once
  • Down-voting updates the rating of the definition using AJAX

Sources on show page

  • Show page includes a source for each definition
  • Source is a clickable URL through to external website from which definition is sourced

Pagination

  • Terms are listed in alphabetical order on the landing page
  • Letters of the alphabet are included on wheel to give an indication of position on the dictionary

Show page for each term

  • Each term card is clickable through to a show page
  • Show page shows all available definitions for term

Wild card button

  • Button included on landing page
  • Button randomly filters the list of terms and brings a random term in focus

User sign in

  • Sign in button (along with sign up button) appears on the homepage
  • Sign in using OAuth and Passport with Github API

User sign up

  • Can view information without logging in
  • Can only contribute with log in
  • Sign up using OAuth and Passport with Github API

Listing terms

  • Terms with definitions should be listed on a page

User log out

  • Log out button only appears when user is signed in
  • Log out button appears in navbar

Searching by first letters

  • Search bar is included on the landing page to search the terms in the dictionary
  • Search matches to letters on the word e.g. searching 'Ja' would return terms that start with 'Ja' like 'Jasmine' and 'JavaScript'

Viewing definition rating

  • Each definition on the term's details page has a rating
  • Rating is calculated as a sum of the up-votes and down-votes

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.