Website where you can save anime you have watched, Using React and Postgresql
Tags: anime, postgres, website
Published: 2023-08-18 07:48:28

---
title: Website where you can save anime you have watched, Using React and Postgresql
published: true
date: 2023-08-15 00:28:00 UTC
tags: Anime,PostgreSQL,WebSite
canonical_url: https://reactjsexample.com/website-where-you-can-save-anime-you-have-watched-using-react-and-postgresql/
---

# AnimeSaver
 ![Website where you can save anime you have watched, Using React and Postgresql](https://reactjsexample.com/content/images/2023/08/code_2023-12-21-23-40.jpg)

## Note

_The project has been abandoned in favor of a better website, which is no longer using Docker and incorporates better technologies and more content 🤫. It served as a draft for the next iteration._

## Description

This project is a web application that allows you to search for anime and add them to your list. You can also add a comment and rate an anime. You can also edit your comment and rating or delete them.

**Possibility to**

- Create account
- Search for anime
- Add anime to your list
- Add comments and rate an anime
- Edit anime (comment, rating or delete)

## Getting Started

### Prerequisites

- [Node.js](https://nodejs.org/en/)
- [NPM](https://www.npmjs.com/)
- [Docker](https://www.docker.com/)

### Installing

Insall Prerequisites and then: Clone the repository and go to the project root (extracted folder) ![Website where you can save anime you have watched, Using React and Postgresql](https://github.com/FlorianDevv/Anime-Saver/raw/main/Readme/image-clone.png?raw=true "clone result")

then run in the terminal (in the project root):

```
docker-compose up
```

You should see something like this in Docker Desktop: ![Website where you can save anime you have watched, Using React and Postgresql](https://github.com/FlorianDevv/Anime-Saver/raw/main/Readme/image-docker.png?raw=true "docker result")if you see this, it means that the project is running successfully. You can access the project from the browser by typing:

```
localhost:3000
```

## Illustrations

### Search

![Website where you can save anime you have watched, Using React and Postgresql](https://github.com/FlorianDevv/Anime-Saver/raw/main/Readme/image-search.png?raw=true "search result")

### Add anime

![Website where you can save anime you have watched, Using React and Postgresql](https://github.com/FlorianDevv/Anime-Saver/raw/main/Readme/image-add.png?raw=true "add result")

### Dashboard

![Website where you can save anime you have watched, Using React and Postgresql](https://github.com/FlorianDevv/Anime-Saver/raw/main/Readme/image-dashboard.png?raw=true "dashboard result")

### Info anime

![Website where you can save anime you have watched, Using React and Postgresql](https://github.com/FlorianDevv/Anime-Saver/raw/main/Readme/image-info.png?raw=true "info result")

## Built With

- [NestJS](https://nestjs.com/) – The API Node.js framework used
- [React](https://reactjs.org/) – The web framework used
- [Docker](https://www.docker.com/) – Containerization
- [PostgreSQL](https://www.postgresql.org/) – Database
- [Material-UI](https://material-ui.com/) – UI Framework
- [Jikan API](https://jikan.moe/) – API anime
- [JWT](https://jwt.io/) – Authentication

## GitHub

[View Github](https://github.com/FlorianDevv/Anime-Saver?ref=reactjsexample.com)