Let's Collect

A simple inventory to get track of sports cards and nonsports cards collection.

The user can be able to:

  • Create an account with a email and password
  • Login in a existing account using either email or google authentication
  • Update user information
  • In the home page the user can check for the latests sports news.
  • Create, update and delete categories
  • Create, update and delete cards
  • Get list of cards in collection
  • Search cards by name or category(basebal, football, etc)
  • Get cards details
  • See in the portfolio page the total items in collection, the amount spent in the collection in case the user sold some cards from collection the user will be able to see how many cards got sold and the profit made on cards sold.

Technology Stacks

  • Spring Boot
  • Java 15
  • Maven
  • IntelliJ
  • React
  • NodeJS
  • NPM
  • Boostrap
  • Mysql Database
  • MySql Workbench
  • OAuth(google)
  • NewApi

Getting Started with Spring Boot rest api

Getting Started with React App

  • Clone this repository: git clone https://github.com/aliceboone/lets-collect-web.git
  • Go inside the folder: cd lets-collect-web
  • In the project directory to install all the dependencies run npm install
  • Runs the app in the development mode npm start
  • Open http://localhost:3000 to view it in the browser.The page will reload if you make changes.You will also see any lint errors in the console.

Images

Login

alt text

HomePage

alt text

Collection List

alt text

Card details

alt text

Add Category

alt text

Add Cards

alt text

Portfolio

alt text

ERD

alt text