Giter VIP home page Giter VIP logo

disney-characters-project's Introduction

World of Disney Characters

An encyclopedia of Disney characters where you can learn all about Disney universe in one place, show support for characters and save them to your favorites list.

User Stories

The user can:

  • View a list of all Disney characters;
  • View a show page for each character where you can see more details of that character;
  • Add a like to a character;
  • Add characters you favorite list;
  • Remove characters from your favorite list;
  • Submit a form to add new characters to the database;
  • Delete a character from the database;
  • Sort characters alphabetically by name;
  • Sort characters in descending order by the number of likes;
  • Toggle functionality to show only villain characters;
  • Search a charachter by name;

Set Up

To run this project, first clone or fork repository:

git clone https://github.com/chrispavla/disney-characters-project

Install requirements

npm install

cd into my-app

cd my-app

run server

npm run server

open the app in browser

npm start

Technologies

  • Javascript
  • React
  • React Router DOM
  • Bootstrap
  • Custom CSS
  • JSON

Demo

Home page

Disney-Home

All characters page

Disney-All

Character Details page

Disney-Details

Favorite characters page

Disney-Favorites (1)

Submit a new character form page

Disney-Form

Team

Wendy You

Kristina Voroteliak

disney-characters-project's People

Contributors

chrispavla avatar wyou130 avatar

Watchers

 avatar

Forkers

caylanwilcox

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.