Our Favourite Worlds

React frontend (viewing) for the Blog API

Description

(Currently in progress). This site is the viewing frontend for The Odin Project Blog API assignment. It is responsible for post views, comment authoring, and user login (with jwt management) for comments.

Project Objectives

• Fetch posts, authors, and comments from GET endpoints
• Manage user login (for comment posting) with JSON Web Tokens

Features

• Client-side routing
• Lazy-loaded and progressively enhanced images using the Cloudinary React SDK
• Light and dark mode

Technologies used

• React
• Typescript
• Vite
• Axios Promise-based HTTP client for browser and node.js
• React Router Client-side Routing
• Cloudinary React SDK React Integration for Cloudinary
• Vanilla Extract Zero-runtime stylesheets in TypeScript

Roadmap

• Add login & user flow for comments
• Set up msw to mock backend for testing
• (Possibly) move from React Router to React Location to see if that can fix the flash of 404 when refreshing on parameterized routes that use parent component data

Credits and Attributions

The welcome screen image is Sable, copyright Shedworks and available for download here: Sable Wallpapers - Shedworks

I'm very much not a designer and tried to replicate some of the visual features from these sites:

• Azrieli School of Architecture
• William Chyr
• Buried Treasure

And, in particular, the Behance Blog for post design.