This is my work for the Advanced React and GraphQL course by Wes Bos.
My final version of the project can be seen here. It may take a while to load the first time because now.sh sleeps free-tier deployments that haven't received a request recently.
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.
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