Skip to content

tephyxp/sakura-cards

Repository files navigation

Welcome to our enchanting Sakura Tarot page! 🌟

  • 🧙 This page offers a unique tarot reading experience, allowing you to explore the mysteries of the past, present, and future through the cards of the Sakura Deck. The combination of ancient tarot wisdom with the captivating aesthetic of Sakura creates a magical environment for your quest for answers and self-discovery.

  • 🖥️ How it Works:

    Select Your Cards:

    🌌 Choose a card to represent your past.

    🌟 Select another card to symbolize your present.

    🌈 Choose a third card to glimpse into your future.

Discover the Meanings:

After making your choices, explore the meanings of each selected card. Our page will provide detailed and insightful interpretations based on tarot tradition, enriched with the unique essence of the Sakura Deck. You will also be able to review previous runs thanks to the implementation of the history, using a json-server, and not only that, you will be able to edit or delete this history.

🛠️ Technologies Used: This project has been developed using the following technologies:

  • JavaScript: The core logic and interactivity of the tarot have been implemented using JavaScript, enabling a smooth and dynamic experience for users.

  • React Js: The user interface has been built with React, a JavaScript library that facilitates the creation of reusable components and efficient state management.

  • TailwindCSS : version 3.3.0

  • Next.js: We have used Next.js to optimize page performance through server-side rendering and static generation. This ensures fast loading and an enhanced user experience. Version 14.0.2

  • Jest: The rapid and efficient building of the application has been achieved with Jest, a tool that facilitates the development of modern web applications. Version 9.7.0

  • Cypress: To ensure code quality and reliability, we have implemented tests with Cypress, a powerful end-to-end testing tool. version 13.6.3

  • Node Js version 20.0.0 superior

  • Postman

  • VSC

📘 Execution Instructions:

Clone this repository to your local machine. Install dependencies with the command npm install. Run the application with

  • npm install
  • npm run json-server
  • npm run dev. Open your browser and visit http://localhost:3000. Immerse yourself in the magical world of tarot with the Sakura Deck and discover the answers that the universe has in store for you! 🌈✨

FIGMA 🔗

Created by

  • 👩 Melissa Casola:

Linkedin🔗 - GITHUB🔗

  • 👩 Stephanie Céspedes:

Linkedin 🔗 - GITHUB🔗

  • 👩 Aleksandra Vertiankina:

Linkedin 🔗 - GITHUB🔗

  • 👩 Alicia Ontiveros

Linkedin🔗 - GITHUB🔗

Intro

User Name

Cards

Result


¡Bienvenido a nuestra fascinante página de tarot con la Baraja de Sakura! 🌟

  • 🧙 Esta página ofrece una experiencia única de lectura de tarot, permitiéndote explorar los misterios del pasado, presente y futuro a través de las cartas de la Baraja de Sakura. La combinación de la antigua sabiduría del tarot con la estética cautivadora de Sakura crea un entorno mágico para tu búsqueda de respuestas y autoconocimiento.

  • 🖥️ Cómo funciona Selecciona tus cartas:

    🌌 Elige una carta para representar tu pasado.

    🌟 Selecciona otra carta para simbolizar tu presente.

    🌈 Elige una tercera carta para vislumbrar tu futuro.

Descubre los significados:

Después de hacer tus elecciones, explora los significados de cada carta seleccionada. Nuestra página te proporcionará interpretaciones detalladas y perspicaces, basadas en la tradición del tarot y enriquecidas con la esencia única de la Baraja de Sakura.

También podras revisar las tiradas anteriores gracias a la implementación del historial, mediante un json-server, y no solo eso podras editar o borrar este historial.

🛠️Tecnologías Utilizadas: Este proyecto se ha desarrollado utilizando las siguientes tecnologías:

  • JavaScript: El núcleo de la lógica y la interactividad del tarot se ha implementado utilizando JavaScript, permitiendo una experiencia fluida y dinámica para los usuarios.

  • React JS: La interfaz de usuario ha sido construida con React, una biblioteca de JavaScript que facilita la creación de componentes reutilizables y la gestión eficiente del estado de la aplicación.

  • Next.js: Hemos utilizado Next.js para optimizar el rendimiento de la página mediante el rendimiento del lado del servidor y la generación estática. Esto garantiza una carga rápida y una experiencia de usuario mejorada. Versión 14.0.2

  • Jest: La construcción rápida y eficiente de la aplicación se ha logrado con Jest, una herramienta que facilita el desarrollo de aplicaciones web modernas. Versión 9.7.0

  • Cypress: Para asegurar la calidad y fiabilidad del código, hemos implementado pruebas con Cypress, una potente herramienta de pruebas end-to-end. Versión 13.6.3

  • Node Js version 20.0.0 superior

  • Postman

  • VSC

📘 Instrucciones de Ejecución

  • Clona este repositorio en tu máquina local. (git clone).
  • Instala las dependencias ( npm install )
  • Ejecuta la aplicación (npm run dev y npm run json-server).
  • Abre tu navegador y visita http://localhost:3000. ¡Sumérgete en el mágico mundo del tarot con la Baraja de Sakura y descubre las respuestas que el universo tiene reservadas para ti! 🌈✨

FIGMA 🔗

Desarrollado por :

  • 👩 Melissa Casola:

Linkedin🔗 - GITHUB🔗

  • 👩 Stephanie Céspedes:

Linkedin 🔗 - GITHUB🔗

  • 👩 Aleksandra Vertiankina:

Linkedin 🔗 - GITHUB🔗

  • 👩 Alicia Ontiveros:

Linkedin🔗 - GITHUB🔗

Intro

User Name

Cards

Result