Feature/website launch#34
Merged
Merged
Conversation
…across components
… logout, and signup
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces the initial frontend application for the OpenClerk project, setting up a modern React + TypeScript + Vite codebase with essential tooling, configuration, and core application structure. It includes project scaffolding, Dockerization, linting, and the main app logic for routing, authentication, and toast notifications.
Project setup and configuration:
.gitignorefor Node.js, build, and editor artifacts..nvmrcfor consistent development environments.package.jsonwith dependencies for React 19, Vite, Tailwind CSS, React Router, TanStack Query, ESLint, and TypeScript.eslint.config.js) and PostCSS configuration for Tailwind and autoprefixer. [1] [2]README.mddescribing the tech stack, structure, and setup instructions.Build and deployment:
Dockerfileto build and serve the frontend with Nginx, supporting production deployment.Frontend application structure:
index.htmlandmain.tsxas entry points, loading the React app into the DOM. [1] [2]App.tsxwith React Router routes for authentication, kit management, settings, and documentation, wrapped with providers for authentication, toast notifications, and TanStack Query.Layoutcomponent for consistent navigation, footer, and toast display, with responsive navigation links based on authentication state.Core functionality (providers and hooks):
useAuthcontext and provider for user authentication state, including logic for checking and refreshing user info.useToastcontext and provider for displaying dismissible toast messages, with aToastContainercomponent.## DescriptionRelated Issue
Fixes #
Checklist
just test)just lint)Additional Notes