kajtassi / flashcard-application

To view this project, you are going to want to follow these steps!

1. download this project
2. run 'npm install' for dependencies
3. run 'npm start' to launch on a local server

This project was made using the following languages, libraries, and tools...

• JavaScript
• React.js
• HTML
• CSS
• Bootstrap
• Json-server

The assigned features for the project are shown below with screen shots. The goal of this was to create a means for studying where you can create vitual flash cards in decks. I wanted to build a frontend application that featured compenents inside compenents in the form of decks of study cards on the home page. Each deck has additional study cards that can be added to it. The user also had the option delete each individual deck or card in each deck.

Home Page: The home page of the application displays all decks that have been created and also have control buttons to direct you to each deck and to let you create a new deck.

Deck page: This is where you are directed to when you create a new deck. The user can then add cards to the deck that was created here

Adding cards: This is the component that allows you to add cards to the deck.

Cards added to deck: As an example, we have a attached an example of new cards that have been adding showing up in the flashcard deck.

New Deck added: After a new deck has been created, you will then see it on the home page along with how many cards have been added to it.