🌀 Arcane Quotes 🌀

This is a fullstack project that showcases the most memorable quotes from the Arcane (League of Legends) animation. The application consists of a backend in Java (Spring Boot), a frontend in HTML/CSS/JavaScript, and a PostgreSQL database.

⚙️ Features

• Displays quotes from Arcane characters.
• RESTful backend to serve the quotes.
• Responsive and interactive frontend.

📌 Project Structure

arcanequotesproject/
├── backend/        # Spring Boot API
├── frontend/       # HTML, CSS, JS
├── database/       # dump.sql for PostgreSQL

💻 Prerequisites

• Java 17+
• Maven
• PostgreSQL
• Node.js (optional, to serve the frontend)

🔧 Database Setup

1. Create a PostgreSQL database named arcanequotes.
2. Import the database/dump.sql file to populate the tables:

   psql -U your_user -d arcanequotes -f database/dump.sql

3. Configure the database credentials in the file backend/src/main/resources/application.properties:

   spring.datasource.url=jdbc:postgresql://localhost:5432/arcanequotes
   spring.datasource.username=your_user
   spring.datasource.password=your_password

▶️ How to Run the Backend

1. Navigate to the backend folder:

   cd backend

2. Build and run the project:

   ./mvnw spring-boot:run

   The backend will be available at http://localhost:8080.

▶️ How to Run the Frontend

1. Navigate to the frontend folder:

   cd frontend

2. Open the index.html file in your browser or use an extension like Live Server in VSCode.

✏️ Notes

• Make sure the backend is running before accessing the frontend.
• The frontend makes requests to the backend to fetch the quotes.

📄 License

This project is licensed under the MIT License.