Como proyecto pedagógico de fin de curso en el bootcamp de desarrollo fullstack de FemCoders, se nos ha encomendado la creación de una página web con un enfoque estilo red social. En esta plataforma, los usuarios tendrán la oportunidad de compartir sus experiencias de viaje a través de la gastronomía de los lugares que han visitado.
La idea surgió después de ver la serie "Street Food" en Netflix, donde se elaboran recetas especiales que marcan la diferencia en la comida callejera y ponen el foco en las historias humanas detrás de ella. Antia y Alexandra, nuestras clientes, decidieron buscar recetas típicas de distintos lugares. Sin embargo, se encontraron con la falta de una página que combinara la receta con la historia y la cultura contada por las personas locales.
A partir de un mapa en el que puedas seleccionar un país, el usuario no registrado pueda ver las recetas de dicho país con su historia, comunidad detrás de ella y un ranking de popularidad, luego podrá filtrar por dificultad, tiempo de realización y tipo de comida. Cuando un usuario se registra tendrá acceso a un perfil donde puede describir quién es, dónde vive y poder subir una receta con su historia (texto y/o vídeo). El usuario registrado tiene posibilidad de dar likes, votar a recetas y a perfiles (sistema de puntuación) y dejar comentarios de las recetas a otros usuarios.
- react: 18.2.0
- react-dom: 18.2.0
- react-router-dom: 6.16.0
- testing-library/jest-dom: 5.17.0
- axios: 1.1.2
- bootstrap: 5.2.3
- mapbox-gl: 2.15.0
- sweetalert: 2.1.2
- fortawesome/react-fontawesome: 0.2.0
- php: 8.1
- laravel/framework: 10.10
- laravel/sanctum: 3.3
- phpunit/phpunit: 10.1
DrawSql: https://drawsql.app/teams/lea-2/diagrams/foodtravel
- Clona el repositorio en GitHub
Instalación del Servidor
- Abre el proyecto en tu editor de código y en la terminal ingresa al directorio del proyecto
./server. - Instala las dependencias mediante el comando
composer install. - Crea un archivo .env a partir del archivo .env.example. y agrega tu key.
- Crea tu base de datos en mysql y configura el apartado de la base de datos en el archivo .env.
- Ejecuta las migraciones para crear las tablas de la base de datos
php artisan migrate. - Ejecuta los seeders para rellenar las tablas de la base de datos
php artisan db:seed. - Inicia el servidor:
php artisan serve.
Instalación del Cliente
- En la terminal ingresa al directorio
./client. - Instala las dependencias mediante el comando
npm install. - Inicia el servidor:
npm start.
Rosemary Medina