🎴 FlashCard Learning App

A full-stack flashcard application built with the MERN stack to help students learn various subjects through interactive flashcards.

🚀 Live Demo

View Live App →

💡 Replace YOUR_DEPLOYMENT_URL_HERE with your actual deployment URL from Render or other hosting service.

✨ Features

• 📚 Multiple subject categories (Amino Acids, Functional Groups, Physics, Biology, Web Development)
• 🔄 Random flashcard selection for effective learning
• 💾 MongoDB database for persistent storage
• ⚡ Fast and responsive React frontend
• 🎨 Clean and intuitive user interface
• 🌐 RESTful API architecture

🛠️ Tech Stack

Frontend:

• React.js
• Modern JavaScript (ES6+)

Backend:

• Node.js
• Express.js
• MongoDB with Mongoose ODM
• CORS enabled for cross-origin requests

📋 Prerequisites

Before running this application, make sure you have:

• Node.js (v14 or higher recommended)
• MongoDB installed and running
• npm or yarn package manager

🚀 Installation & Setup

1. Clone the repository

   git clone https://github.com/YOUR-USERNAME/FlashCard.git
   cd FlashCard

2. Install server dependencies

   npm install

3. Install client dependencies

   cd client
   npm install
   cd ..

4. Configure environment variables

   Create a .env file in the root directory:

   DB_CONNECTION=your_mongodb_connection_string
   ORIGIN=http://localhost:3000
   PORT=5000

5. Run the application

   Development mode (with auto-reload):

   npm run dev

   Production mode:

   npm start

6. Access the app

   • Frontend: http://localhost:3000
   • Backend API: http://localhost:5000

📁 Project Structure

FlashCard/
├── client/          # React frontend
├── models/          # MongoDB schemas
├── routes/          # Express API routes
├── server.js        # Express server setup
└── package.json     # Server dependencies

🎯 API Endpoints

• /aminoacids - Amino acids flashcards
• /functionalgroups - Functional groups flashcards
• /physics - Physics concepts flashcards
• /biology - Biology flashcards
• /webdev - Web development flashcards

🤝 Contributing

Contributions are welcome! Feel free to submit issues and pull requests.

📄 License

ISC License

👨‍💻 Original Author

julia h

---

Happy Learning! 📖✨