An open API service indexing awesome lists of open source software.

https://github.com/drillprop/cdmanager-frontend


https://github.com/drillprop/cdmanager-frontend

Last synced: about 1 year ago
JSON representation

Awesome Lists containing this project

README

          

# cd manager

Full stack project built with **react**, **node** and **mongodb** as database.

You can find backend code [here](https://github.com/drillprop/cdmanager-backend)

## Screenshots

![front](https://user-images.githubusercontent.com/51168865/82314148-a8576f00-99c9-11ea-9848-58007cca78f0.png)
![collection](https://user-images.githubusercontent.com/51168865/82314151-a9889c00-99c9-11ea-9c7b-285fa598cd3b.png)

## Description

It's a CRUD application with authentication system, where users can
create and manage their CD collection.

Application is using Last.fm API
to fetch artists and albums titles and covers.

## Technologies

#### Frontend

- [react](https://reactjs.org/)
- [next](https://nextjs.org/)
- [apollo](https://www.apollographql.com/)
- [styled-components](https://www.styled-components.com/)
- [react-spring](https://www.react-spring.io/)

#### Backend

- [apollo-server](https://www.apollographql.com/)
- [graphql](https://graphql.org/)
- [mongodb](https://www.mongodb.com/)
- [mongoose](https://mongoosejs.com/)

For finding albums i used **last.fm** API

## Installation

1. Clone this repo

```sh
git clone https://github.com/drillprop/cdmanager-frontend.git
```

2. Install NPM packages

```sh
npm install
```

## Demo

[cd-manager](https://cdmanager-frontend.now.sh/)

If you want to play around, you can sign in with this email and password:

email: test@test.com
password test123