This application allows a user to create their very own deck of flashcards so that they can study effectively. A new deck can be created which will in turn allow for new cards to be created. Each card has a front side with a question and a back side that will provide the answer.

In the project root directory, you can run:

then:

In the project root directory, you can run:

then execute the command:

afterwards visit http://localhost:3000/ to view the project

This project was created to solidfy knowledge of core React concepts including:

• Managing State
• Passing props into components
• Adhering to single responsibility within components
• Dynamically rendering data
• Managing large projects with many files and moving parts

The project utilizes the following:

• React library for state management and rendering - ReactJS
• Bootstrap 4.5.2 for styling - Bootstrap 4.5
• Bootstrap icons for button icons - Bootstrap Icons
• JSON Server for local preview - JSON Server

View on Netlify - Flashcards

I used Heroku to host the back-end and Netlify to host the front-end.

Check out the Backend Repo