https://github.com/merieli/rick-morty-search
Personal Project - SPA em Vue 3 com Typescript, Tailwind e componentes Vuetify, que consulta uma API GraphQL.
https://github.com/merieli/rick-morty-search
front-end maturity-alpha tailwindcss typescript vuejs vuetify
Last synced: 6 months ago
JSON representation
Personal Project - SPA em Vue 3 com Typescript, Tailwind e componentes Vuetify, que consulta uma API GraphQL.
- Host: GitHub
- URL: https://github.com/merieli/rick-morty-search
- Owner: Merieli
- License: mit
- Created: 2023-01-18T10:43:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-31T16:18:23.000Z (almost 2 years ago)
- Last Synced: 2025-03-24T09:52:49.709Z (over 1 year ago)
- Topics: front-end, maturity-alpha, tailwindcss, typescript, vuejs, vuetify
- Language: TypeScript
- Homepage:
- Size: 12.7 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Roadmap: ROADMAP.todo
Awesome Lists containing this project
README
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*](./ROADMAP.todo) | [*👀 Project*](https://www.youtube.com/watch?v=4GY_2AGyIVw)
## ✨ 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](https://rickandmortyapi.com/)
## 🗂 How to Use
1. Prepare the project:
```bash
# 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:
```bash
# Start the server
npm run dev
```
### Work
```bash
# 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
```
## :octocat: 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
-------------------------------------
```diff
Made by 🤍 Merieli Manzano
```