Skip to content

Fire-Fairy84/book_swipe_front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BookSwipe 📚

Índice

Proyecto

BookSwipe es una aplicación de intercambio de libros inspirada en la funcionalidad del match de otras apps como Tinder. Los usuarios pueden deslizar libros hacia la izquierda o derecha para indicar si están interesados o no. Si dos usuarios coinciden en sus gustos (es decir, ambos han dado like a los libros del otro), pueden iniciar un chat para coordinar el intercambio de libros.

El frontend está desarrollado en React utilizando styled-components, mientras que el backend está construido en Django con Django REST Framework y una base de datos PostgreSQL.

Funcionalidades

  • Registro y autenticación de usuarios.
  • Deslizamiento de libros para mostrar interés o no.
  • Sistema de matches basado en los gustos de los usuarios.
  • Chat entre usuarios con match para coordinar el intercambio de libros.
  • Creación y eliminación de libros desde la página BookShelf.
  • Visualización de libros en formato de tarjeta.
  • Filtros para evitar que los usuarios vean sus propios libros en el swipe.

Instalación 🛠️

Requerimientos

  1. Clona el repositorio:
    git clone https://github.com/Fire-Fairy84/book_swipe_front
  2. Instala las dependencias:
    npm install

🧪 Testing

  • Ejecuta los tests unitarios y de integración:
    npm test

Estructura del proyecto

El proyecto sigue una estructura común para aplicaciones Django y React, con una API organizada en diferentes módulos para una gestión eficiente.

Estructura de carpetas en Backend

/
├── book_swipe
│   ├── books/
│   │   ├── migrations/
│   │   ├── models.py
│   │   ├── serializers.py
│   │   ├── views.py
│   ├── users/
│   │   └── ...
│   ├── matches/
│   │   └── ...
│   ├── utils/
│   │   └── ...
│   ├── manage.py
│   ├── requirements.txt
│   └── README.md

Estructura de carpetas en Frontend

├── bookswipe-frontend
│   ├── components/
│   │   ├── Button/
│   │   ├── BookCard/
│   │   ├── Navbar/
│   ├── pages/
│   │   ├── Home.jsx
│   │   ├── BookShelf.jsx
│   │   └── ...
│   ├── App.js
│   └── ...

Tecnologías

Backend (https://github.com/Fire-Fairy84/book_swipe_back)

Frontend

Uso

Para iniciar la aplicación, asegúrate de que el servidor de backend esté corriendo:

python manage.py runserver

Contribución 🤝

  1. Haz un fork del repositorio.

  2. Crea una nueva rama:

    git checkout -b feature/nueva-funcionalidad
  3. Realiza tus cambios y haz commit:

    git commit -m 'Agrega nueva funcionalidad'
  4. Haz push de tu rama:

    git push origin feature/nueva-funcionalidad
  5. Crea un pull request.

Este proyecto ha sido creado por:

Demo

A continuación, algunas capturas de la aplicación:

  1. Página de inicio.

Home Page

  1. Página de perfil.

Profile Page

  1. Swipe de libros.

Swipe Page

  1. Estantería de libros.

Book Shelf Page

  1. Añadir nuevo libro.

Add Book Page

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors