Git Product home page Git Product logo

learning-cards's Introduction

Learning-Cards

Language Learning Cards Web Application Flashcard vocabulary learning web application:

  • Minimalist and responsive interface.
  • Bilingual, button to switch between English and Spanish.
  • Score and progress system.
  • Dynamic and reactive cards.
  • Random and rechargeable images related to the word to learn.
  • Pagination of cards.
  • Rest API for greater handling of the data.

Aplicación web de aprendizaje de vocabulario mediante flashcard:

  • Interfaz minimalista y responsiva.
  • Bilingüe, botón para cambiar entre inglés y español.
  • Sistema de puntaje y progreso.
  • Tarjetas dinámicas y reactivas.
  • Imagenes aleatorias y recargables relacionadas con la palabra a aprender.
  • Paginación de tarjetas.
  • Rest API para mayor manejo de los datos.

URL To test the web application

https://learningcards.pythonanywhere.com/

URL To test the web application (API)

Get all the cards with 2 hits and 1 mistake (For Guests).

   curl "https://learningcards.pythonanywhere.com/api/cards/all/?hits=2&mistakes=1" -u "Invitados:contraseña_invitados"

Get kits with with success between 12 and 80 percent (For Guests).

   curl "https://learningcards.pythonanywhere.com/api/kits/?min_successful=12&max_successful=80" -u "Invitados:contraseña_invitados"

To test the API in the browser, you need to log in as a Guest (read only) or as a registered user (with all CRUD functions). Remember that to enter as a user you only have to press the Guests button on the main page.

https://learningcards.pythonanywhere.com/api/


Obtiene todas las cartas con 2 aciertos y 1 error (Para Invitados).

    curl "https://learningcards.pythonanywhere.com/api/cards/all/?hits=2&mistakes=1" -u "Invitados:contraseña_invitados"

Obtiene kits con un éxito entre el 12 y el 80 por ciento (Para Invitados).

    curl "https://learningcards.pythonanywhere.com/api/kits/?min_successful=12&max_successful=80" -u "Invitados:contraseña_invitados"

Para probar la API en el navegador, debe iniciar sesión como invitado (solo lectura) o como usuario registrado (con todas las funciones CRUD). Recuerda que para ingresar como usuario solo debes presionar el botón de Invitados en la página principal.

https://learningcards.pythonanywhere.com/api/

URL To test the web application (API-Swagger and ReDoc Documentation)

https://learningcards.pythonanywhere.com/api/swagger/

https://learningcards.pythonanywhere.com/api/redoc/

Dependencies

  • Python 3.x

Local Use

Running the following script you can test the operation locally.

  • The repository is downloaded locally.
  • A virtual environment is created, for the python dependencies.
  • The virtual environment is activated.
  • The dependencies are installed in the virtual environment.
  • The server starts in local 0.0.0.0 is to be able to use the page on multiple devices locally, as mobile, although the local IP of the router may vary.

Ejecutando el siguiente script se puede probar el funcionamiento en local.

  • Se descarga el repositorio en local.
  • Se crea un entorno virtual, para las dependencias python.
  • Se activa el entorno virtual.
  • Se instalan las dependencias en el entorno virtual.
  • Se inicia el servidor en local 0.0.0.0 es para poder usar la pagina
    en multiples dipositivos en local,
    como moviles, aunque la ip local del router puede variar.
git clone https://github.com/carlosmperilla/Learning-Cards.git
cd Learning-Cards
python -m venv lc-env
lc-env\Scripts\activate
pip install -r requirements.txt
cd learningcards
python -m manage runserver 0.0.0.0:8000

Is it necessary to sign up?

No, it has a button on the main page, which allows entry as a guest.

This way you can explore the basic operation, trying the Sports, Hobbies and Fruits flashcards.

If you want to edit, delete, use the API with its functionality without restrictions, it is necessary to sign up.

If you need more control of the application the root user is:

Username: Carlos

Password: 12345

I recommend changing the password to a more secure one or removing the root user and creating a new one.


No, posee un botón en la pagina principal, que permite el ingreso como invitado/a.

Así se puede explorar el funcionamiento basíco, probando las flashcards de Deportes, Pasatiempos y Frutas.

Si se quiere editar, eliminar, usar la API con su funcionlidad sin restricciones, sí es necesario sign up.

Si necesita más control de la aplicación el superusuario es:

Username: Carlos

Password: 12345

Recomiendo cambiar el password por uno más seguro o eliminar el superusario y crear uno nuevo.

Example images

Index

Inicio Learning Cards

Index - English

Index Learning Cards

Kits

Kits

Kits - Edit

Kits - Edit

Kits - Delete

Kits - Delete

Cards - First Impression

Cards - First Impression

Cards - Second Impression

Cards - Second Impression

Responsive Design - Movil

Movil - Index Movil - Kit Movil - Kit Options Movil - Cards

learning-cards's People

Contributors

carlosmcastro avatar carlosmperilla avatar

Stargazers

 avatar Jackson Paredes Ferranti avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.