https://github.com/sksaju/sick-fits

Full stack online store using GraphQL, ReactJS, NextJS, Apollo-Client and Prisma
https://github.com/sksaju/sick-fits

apollo-client graphql graphql-yoga javascript nextjs nodejs prisma reactjs

Last synced: 6 months ago
JSON representation

Full stack online store using GraphQL, ReactJS, NextJS, Apollo-Client and Prisma

• Host: GitHub
• URL: https://github.com/sksaju/sick-fits
• Owner: sksaju
• Created: 2019-07-23T19:15:28.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-06-18T06:42:27.000Z (over 1 year ago)
• Last Synced: 2025-02-16T09:26:22.766Z (8 months ago)
• Topics: apollo-client, graphql, graphql-yoga, javascript, nextjs, nodejs, prisma, reactjs
• Language: JavaScript
• Homepage:
• Size: 942 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Sick Fits

Sick Fits is a full stack online clothing store complete with real credit checkout. Users can search, sell, add to cart and checkout their favourite 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 app also includes many server side bits including JWT authentication, permissions, sending email, uploading images, and charging credit cards. In addition to building both the frontend and backend of the application, we also spend the last ⅓ of the course Testing the React application.

## Tech stack

![The tech stack of sick fits](images/tech-stack.png "The tech stack of sick fits")

### [This is my work for the [Advanced React and GraphQL course](https://advancedreact.com/) by Wes Bos.]

## Concepts covered

Some of the concepts covered by this course:

- React Best Practices

- Server Side Rendering with Next.js

- Styled Components & Theming

- Render Props

- Routing with Next.js

- GraphQL Schema

- GraphQL Queries and Mutations

- JSON Web Tokens (JWT)

- GraphQL Resolvers

- GraphQL Cache Management

- Loading and Error States with Apollo

- Sending Email

- Logic and Flow with Async + Await

- Authentication and Permissions

- Charging Credit Cards

- Hosting and Transforming Images

- Pagination

- Forms in React

- Animations

- Third party React Components

- Unit Testing

- Mocking Components

- Mounting vs Shallow Rendering

- Deployment