Rick & Morty Search

A SPA study project with a design created by me, integrated with a free API available from Rick and Morty. It is a site that can be used by artists or curious people to search characters by name, or by category, and learn more about the drawing and even be surprised by the randomly generated character.

🎯 Roadmap | 👀 Project

✨ Features

• Mobile First
• List and open details
• Search and filter
• Pagination

📸 Preview

⚡ Tech Stack

Client

Vue.js 3, TypeScript, Tailwind, Vuetify 3

Server

API GraphQL - Rick and Morty

🗂 How to Use

1. Prepare the project:

# Clone the project
  git clone https://github.com/Merieli/rick-morty-search.git

# Go to the project directory
  cd rick-morty-search

# Install dependencies
  npm install

2. Prepare the environment variables by creating a .env.local file in the root based on .env.example

3. Run Locally:

# Start the server
  npm run dev

Work

# Generate first release:
  npm run release -- --first-release

# Generate release patch
  npm run release:patch

# Generate release minor
  npm run release:minor

# Generate release major
  npm run release:major

# Run tests
  npm run test

# Commit changes
  npm run commit

Contributing

This project is for study purposes, so contact me and let me know your ideas. All kinds of contributions are very welcome and appreciated!

• ⭐️ Star the project
• 🐛 Find and report issues
• 📥 Submit PRs to help solve issues or add features
• ✋ Influence the future of project with feature requests

---

Made by 🤍 Merieli Manzano

(back to top)