Skip to content

This repository is the frontend part of DiscBook. It is a website project for CD lovers and collectors.

Notifications You must be signed in to change notification settings

Jannis-Passalis/DiscBook-Client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

95 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DiscBook

DiscBook(click the link to see it) was bootstrapped with Create React App and is deployed on Netlify.

What is DiscBook about?

This is an app created for CD lovers and collectors. Through this app you can have access to your CD collection from anywhere internet access is possible. So no more wondering if a CD you found in a store is already part of your collection. Furthermore, DiscBook let you share your CDs with others, so you are also able to compare your collection to that of others. This is useful because in this way you can find CDs you don't have in your own collection, or check if a CD of yours is actually rare or not. We definitely invite you to sign up and try it out.

What does it look like?

There is no better description than experiencing it yourself. So take a look --> Discbook.

Functionalities and Technologies

The functionalities that this app relies on are:

  • searching for all available cds using Axios (through the API of discogs
  • sending emails to cd owners of another user is interested in those cds
  • the previous function is only available if the owner chooses to sell the CD
  • adding and deleting CDs from a collection
  • creating a profile with a picture by using Cloudinary
  • testing the cd actions if the right information is fetched with JEST
  • showing information on screen with the support of a Redux store and the the backend part of this project

Technologies (Languages and Tools):

react-icon redux-icon jest-icon cloudinary-icon javascript-icon css-icon nodejs-icon vs code-icon

Wireframes

signupmydiscbooklogincdswelcomeaboutnewcdsearch

Datamodel

Discbook datamodel

Taskboard

Discbook taskboard

Learning Goals

  • Creating a website from scratch
  • Styling with Bootstrap
  • Sending emails with Nodemailer
  • Uploading pictures with cloudinary
  • Connecting to an API that needs consumer and secret key
  • Deploying to Heroku
  • Creating ReadMe for project
  • Using a Taskboard
  • Using development and feature branches and not only master branch

Installation Guide

  • Install all dependencies
npm install
  • Run the app
npm run start

About

This repository is the frontend part of DiscBook. It is a website project for CD lovers and collectors.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published