FlashCardSage is a web application for creating and managing flashcard decks. It allows users to create decks, add flashcards to them, and study the flashcards.
- Create and delete flashcard decks
- Add and delete flashcards within decks
- Study flashcards in a deck
- Responsive design for mobile and desktop devices
- React: A JavaScript library for building user interfaces
- React Router: A routing library for React applications
- Vite: A fast build tool for modern web applications
- TypeScript: A typed superset of JavaScript
- ESLint: A pluggable linting utility for JavaScript and JSX
- CSS: Cascading Style Sheets for styling the application
To get started with FlashCardSage, follow these steps:
- Clone the repository:
git clone <repository-url>
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:3000
The project structure is as follows:
client
: Contains the client-side codesrc
: Contains the source code for the applicationApp.tsx
: The main component of the applicationDeck.tsx
: Component for displaying a single flashcard deckHeader.tsx
: Component for the application headerindex.css
: CSS styles for the applicationindex.html
: HTML template for the applicationmain.tsx
: Entry point of the application
package.json
: Contains the project dependencies and scriptstsconfig.json
: TypeScript configuration file
README.md
: This file
Contributions to FlashCardSage are welcome! If you find a bug or have a feature request, please open an issue on the GitHub repository. If you would like to contribute code, please fork the repository and submit a pull request.
This project is licensed under the MIT License.