This page is for you to see what I am made of! I built this web application over the course of a month and a half (nearly 130hrs) as a part of a Advanced React and GraphQL course.
Welcome to "NOT SUPREME", a full stack online clothing store complete with real credit checkout. Users can search, sell, add to cart and checkout their favorite items.
The application has five main models — Users, Items, Orders, CartItems, and OrderItems — all of which are relational and showcase the power of relational GraphQL Queries.
The application also includes many server side components including JWT authentication, permissions, sending email, uploading images, and charging credit cards.
In addition to building both the frontend and backend of the application, I also spent the last ⅓ of the course testing the Next.js Frontend for component validity, expected outputs, rendered components with mock rendering, etc.
| Ordered || Orders || Password Reset || Manage Permissions || Testing || Accounting |
For Building The Interface along with:
Next.js for server side rendering, routing and tooling
Styled Components for styling
React-Apollo for interfacing with Apollo Client
Jest & Enzyme for Testing
For Data Management:
Performing GraphQL Mutations
Fetching GraphQL Queries
Caching GraphQL Data
Managing Local State
Error and Loading UI States
An Express GraphQL Server For:
Implementing Query and Mutation Resolvers
Custom Server Side Logic
Charging Credit Cards with Stripe
Sending Email
Performing JWT Authentication
Checking Permissions
A GraphQL Database Interface
Provides a set of GraphQL CRUD APIs for a MySQL, Postgres or MongoDB Databases
Schema Definition
Data Relationships
Queried Directly from the Yoga Server
Self-hosted or as-a-service
| (503)504-7581 || nathanieljryan1994@gmail.com || LinkedIn |