A simple web application for creating and managing flashcards to enhance learning anSd memorization. This was made using typescript, react, and pico css.
- Open a new terminal.
- Install the dependencies using the following command:
npm install
- Obtain a Gemini API key and add it to your
.envfile asVITE_API_KEY. - Start the local development server using the command:
npm run dev
- Open the application in your browser.
The following features are implemented:
- Users can shuffle flashcards, changing their order.
- Users can randomize cards, keeping their order.
- Users can enter information about a new cardset and generate new flashcards based on that information.
- Users can guess the answer for each flashcard.
To use the application, simply navigate to the local server URL in your browser after starting the development server. You can create, manage, and guess flashcards from the interface.
Here's a walkthrough of implemented user stories:
GIF created with ...
ScreenToGif for Windows
- The guessing button is not working after the update.
- There is some lagginess.
- A loading animation needs to be created for the flashcards and generating them.
- The links for the images after generating do not work.
- A better frontend is needed.
- A database for storing sets should be implemented.
- An input for the number of cards needs to be added.
We welcome contributions! Please submit a pull request or open an issue to discuss improvements.
Copyright [2025] [Ryan Edward]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.