bboynam99 / kyupad-frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kyupad Frontend

project-image

A super powerful NextJS boilerplate developed following the Feature driven pattern.

## Backend https://github.com/bboynam99/kyupad-backend ## πŸ”₯ Core Values
  • Always write clean code
  • Think before coding
  • Code has heart
  • Ready to teach each other
  • Responsibility for work
  • Actively discuss

πŸš€ Demo

https://kyupad.xyz/

Project Screenshots:

project-screenshot

🧐 Features

Here're some of the project's best features:

  • Clean folder structure
  • High scalability
  • Feature driven architecture
  • Multilingualism does not change routes
  • Validate ENV before build
  • Validate branch and commit before commit code
  • Support Storybook
  • Support Unit Test
  • Bla bla bla feature...

πŸ“‚ Folder Structure

.
β”œβ”€β”€ public
β”‚   └── images
β”‚       β”œβ”€β”€ admin
β”‚       β”‚   └── header
β”‚       └── common
β”œβ”€β”€ scripts
└── src
    β”œβ”€β”€ __generated__ (GraphQL types auto generate)
    β”œβ”€β”€ __test__
    β”‚   └── setup
    β”œβ”€β”€ adapters
    β”œβ”€β”€ components
    β”‚   β”œβ”€β”€ common
    β”‚   β”‚   β”œβ”€β”€ footer
    β”‚   β”‚   β”‚   └── copyright-footer
    β”‚   β”‚   └── layout
    β”‚   β”‚       β”œβ”€β”€ admin-layout
    β”‚   β”‚       └── base-layout
    β”‚   └── features
    β”‚       └── todos
    β”‚           └── tasks-table
    β”œβ”€β”€ mocks
    β”œβ”€β”€ pages
    β”‚   β”œβ”€β”€ api
    β”‚   β”‚   β”œβ”€β”€ get-tasks
    β”‚   β”‚   └── ping
    β”‚   └── permission
    β”‚       └── route
    β”œβ”€β”€ services
    β”‚   └── apollo
    β”‚       β”œβ”€β”€ resolvers
    β”‚       └── type-defs
    β”œβ”€β”€ stores
    β”‚   β”œβ”€β”€ admin
    β”‚   β”œβ”€β”€ global
    β”‚   └── user
    β”œβ”€β”€ styles
    └── utils
        β”œβ”€β”€ constants
        └── helpers

πŸ’‰ Commit Rules

Must create branch follow below rules:

  • build
  • chore
  • ci
  • docs
  • feat
  • fix
  • perf
  • refactor
  • revert
  • style
  • test

Example: feat: first commit

🀟 Branch Rules

Must create branch follow below rules:

  • feat/
  • feedback/
  • hotfix/
  • revert/
  • reset/
  • force/
  • refactor/
  • fix/

Example: git checkout -b feat/feature-a

Note: Underscore to be not allow!!!

πŸ› οΈ Installation Steps:

1. Clone the project

git clone https://github.com/kyupad/kyupad-frontend.git

2. Go to the project directory

cd kyupad-frontend

3. Install dependencies

npm install

4. Add environment

cp .env.example .env

5. Start the server

npm run dev

🍰 Contribution Guidelines:

CONTRIBUTING

πŸ’» Built with

Technologies used in the project:

  • NextJS
  • Antd Design
  • React Query
  • Zustand
  • Commit lint
  • Eslint
  • Prettier
  • Storybook
  • Vitest
  • Apollo Server
  • Apollo Client

πŸ›‘οΈ License:

This project is licensed under the MIT

πŸ’–Like my work?

Donate me for crypto (USDT)

BEP20 Wallet: 0xbb861e0bd84af04cf370bcf8227537344500bd0a

About

License:MIT License


Languages

Language:TypeScript 88.1%Language:JavaScript 5.2%Language:Shell 2.9%Language:CSS 2.5%Language:Dockerfile 1.3%