Coder Social home page Coder Social logo

ksalguera / fftcg-collector Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 0.0 6.82 MB

⚡ FFTCG Collecting Application Utilizing Rails and React

Home Page: https://fftcg-collector.onrender.com

Ruby 26.02% Shell 0.16% HTML 0.32% CSS 0.33% JavaScript 73.16%
material-ui rails rails7 react ruby-on-rails active-storage database ruby

fftcg-collector's Introduction

FFTCG Collector

Project Overview

FFTCG card collecting web application utilizing Rails and React.

  • Frontend: React, React Router v6, Material UI
  • Backend: Ruby on Rails, Active Record, Active Storage, PostgreSQL

User Stories

  • General user can view all expansion and cards associated with each expansion
  • General user can view all cards
  • General user can create and delete a account
  • General user can update all account information
  • General user can login and logout via sessions
  • General user can add and delete cards from their collection
  • General user can view their collection
  • General user can view the percentage of each collection collected

Admin User Stories

  • Admin user can delete users from the database
  • Admin user can create and remove an expansion
  • Admin user can create and remove a card
  • Admin user can update a card and card variants

Project Preview

Home Page

Home

Sets Page

Sets

Cards By Set Page

Set Cards

Card Browser Page

Card Browser

Resources Page

Resources

(User) Collection Dashboard

Dashboard

(Admin) Admin Dashboard

Admin Dashboard

(Admin) Manage Sets

Manage Sets

(Admin) Edit Card Page

Card Edit

Database Overview

Database is setup to use the following seed data:

  • 6 Default Cart Variant Types

Database Relations

Coming Soon

Routes

Cards - CRUD: Create, Read, Update, Delete

INDEX /cards
SHOW /cards/:serial
CREATE /cards (Admin Only)
UPDATE /cards/:serial (Admin Only)
DESTROY /cards/:id (Admin Only)

Expansions - CRUD: Create, Read, Delete

INDEX /expansions
SHOW /expansions/:name
CREATE /expansions (Admin Only)
DESTROY /expansions/:id (Admin Only)

Users - CRUD: Create, Update, Delete

CREATE /users
UPDATE /users/:id
DESTROY /users/:id

Users - Custom Routes

GET /all-users (Admin Only)
SHOW /account
PATCH /change-password
DELETE /admin/users/:id (Admin Only)

Collections - Custom Routes

INDEX /collections
GET /collection-stats
POST /update-collection

Sessions - Custom Routes

POST /login
DELETE /logout

Attributions

Information presented on this web application about the Final Fantasy Trading Card Game, including FINAL FANTASY, SQUARE ENIX, the SQUARE ENIX logo, images, and text, are registered trademarks of Square Enix Holdings Co, Ltd. FFTCG Collector is not affiliated with Square Enix Holdings Co, Ltd.

fftcg-collector's People

Contributors

ksalguera avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.