Project Info
clubhub ;)
Vite + React + Typescript + Eslint + Prettier
A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.
I found out about Vite and I wanted to have a boilerplate for the technologies that I use. You can find more about these in the following links: Vite, React, Typescript, Eslint, Prettier.
Installation
Clone the repo and run yarn install
Start
After the successful installation of the packages: yarn dev
Run backend
Follow steps here to run the backend for this project.
Steps in Vscode
(works with better with this template)
- Install Eslint and prettier extension for vs code.
- Make Sure Both are enabled
- Make sure all packages are installed. (Mostly Eslint and prettier in node_modules)
- Enable formatOnSave of vs code
- Open a .tsx file and check if the bottom right corners of vs code have Eslint and Prettier with a double tick
All icons to use from Icons
All illustrations to use from Illustrations
Types generation flow:
npx supabase login- Get access token https://app.supabase.com/account/tokens and put in terminal
npx supabase gen types typescript --project-id mzdosecddjbllfefjwhb --schema public > ./src/types/generated/supabase.ts
Analysis
View
Metric
- 26
- 14
- 8
- 4
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- HTMLIn code
- ReactIn code
- SupabaseIn code
- TypeScriptIn code
5 of 5 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
260 KB
Source files
184
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
nazar-ospanov/clubhub-web
209 files · 1.2 MB · @ 7ec2669
Structure
Interface
85 files · 41%Screens, components and styles rendered to the user.
API & routing
15 files · 7%Request entry points: routes, handlers and controllers.
Application logic
73 files · 35%Domain rules, services and shared utilities.
+3 moreData & schema
3 files · 1%Schema definitions, migrations and data access.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- TypeScript97%
- Markdown1%
- CSS1%
- HTML0%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
package.json
npm · 66- @emotion/react
- @mantine/carousel
- @mantine/core
- @mantine/dates
- @mantine/dropzone
- @mantine/form
- @mantine/hooks
- @mantine/modals
- @mantine/notifications
- @mantine/spotlight
- @supabase/supabase-js
- @tabler/icons-react
- @tanstack/react-query
- axios
- dayjs
- embla-carousel-react
- emotion
- papaparse
- +48 more
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.