Skip to content

a-havens/flashcard-app

Repository files navigation

#Flashcard App Project Setup Installation Download the Qualified assessment files to your computer. Navigate to the project directory and run: npm install Usage To run the tests, use: npm test

To run the application, use: npm start

This command will start two servers:

API server runs on: http://localhost:5000 React application runs on: http://localhost:3000 Screens and Paths Home (/): Displays a list of decks with options to create, study, view, or delete a deck. Study (/decks/:deckId/study): Allows studying the cards from a specific deck. Create Deck (/decks/new): Used to create a new deck. Deck (/decks/:deckId): Displays all information about a specified deck. Edit Deck (/decks/:deckId/edit): Allows modification of an existing deck. Add Card (/decks/:deckId/cards/new): Allows adding a new card to an existing deck. Edit Card (/decks/:deckId/cards/:cardId/edit): Allows modification of an existing card. API The project has two main datasets: decks and cards. They can be accessed and modified using utility functions from src/utils/api/index.js. These functions allow CRUD operations with the API server.

Data Structures Decks: { "id": 1, "name": "Rendering in React", "description": "Quick overview of rendering in React." } Cards: { "id": 1, "front": "Question?", "back": "Answer.", "deckId": 1 }

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published