Rick & Morty Cards 🃏

Application to vote for the best cards of the Rick and Morty characters!

 

Features ⚙️

1. Login.
2. Sign out.
3. Create an account.
4. View card list.
5. Filter cards by gender and/or status.
6. Search for characters.
7. Mark cards as favorites.
8. Delete cards that have been marked as favorites.
9. View real-time ranking of top rated cards.

 

Main Technologies 🧪

Frontend

• React JS
• TypeScript
• Socket IO Client
• CSS
• Netlify (to deploy the app)

Backend

• Node JS
• Mongo DB
• Express JS
• Socket.IO
• Render (to deploy the api)

Note: You can review the backend code in this link: https://github.com/Franklin361/RickAndMortyCardsAPI

 

Installation 🧰

1. Clone the repository (you need to have Git installed).

    git clone https://github.com/Franklin361/RickAndMortyCards

2. Install dependencies of the project.

    npm install

3. Run the project.

    npm run dev

 

Demo ⛓️

https://rick-and-morty-cards-fml.netlify.app/