Example React Project

This repository provides an example project for applying common React concepts such as routing, data fetching, security, and more. It uses modern tools and libraries, including TypeScript, Vite, ShadCN, React Router, and TanStack Query.

Table of Contents

• Features
• Setup

Features

• TypeScript: Strongly typed JavaScript for better code quality and developer experience
• Vite: Fast build tool and development server
• Shad/cn UI: Customizable UI components
• React Router: Declarative routing for React applications
• TanStack Query: Powerful data fetching and caching

Setup

Frontend Setup

To get started with the frontend of this project, clone the repository and install the dependencies:

git clone https://github.com/evanmhenry/react-example

cd ReactExample.Web

yarn install

yarn dev

TODO

• implement Shad/cn
• implement TanStack query
  • implement useQuery
  • implement useMutation
• implement React Router
• implement axios
• implement error handling for basic API calls
• add a mock API
• add environment variables
• implement testing
• implement security to the frontend
  • implement secured vs unsecured routing
  • implement calling a secured API
  • add login
• implement a toggle for lightmode / darkmode
• implement TailwindCSS