Laravel Marvel Api

A simple project displaying data of comics, characters and series.
This pages was built to practice Laravel Framework and Livewire.
Especially to understand how to work with an external api with json, in this case with Marvel API.

🚀 Built With

📄 Laravel
📝 Tailwind CSS
📑 Livewire
📄 Alpine.js

🔧 Setup

1. Clone this 📂 repository.
2. cd into it.
3. Install Composer Dependencies.
   composer install
4. Install NPM Dependencies.
   npm install
5. Rename or copy .env.example file to .env
6. Set your MARVEL_API_PUBLIC_KEY and MARVEL_API_PRIVATE_KEY in your .env file.
   In order to use the Laravel app, you need to obtain an 🔑 Marvel API key.
7. Generate an app encryption key.
   php artisan key:generate
8. php artisan serve
9. Visit localhost:8000 in your browser.

💻 How to use?

Routes

• / - List of the first 10 comics of the month.
• /comics/{id} - View comic details by id.
• /characters - List of characters.
• /characters/page/{page} - List of characters by page.
• /characters/{id} - View character details by id.
• /series - List of series.
• /series/page/{page} - List of series by page.
• /series/{id} - View series details by id.

Comics

Comic details

Infinite scroll

It's used in the routes /characters and /series.

Character details

Serie details

Search comics

It's used in all routes.
You need press Shift + 7 or / to focus the search input.

📜 Legal

Data provided by ©Marvel.

Images and content were taken from the following resource:

• Marvel Developer Portal

This site was built entirely for education purposes only.

📗 License

Code in this repository is open-sourced software licensed under the GPL-3.0 license.
See the LICENSE.md file for details.

Saul Hdz Lara

---