https://github.com/muhammadaziz01-dev/smart-soft

Smart soft project test
https://github.com/muhammadaziz01-dev/smart-soft

css3 html5 javascript jsx scss swiper-js tailwindcss vite

Last synced: about 1 month ago
JSON representation

Smart soft project test

• Host: GitHub
• URL: https://github.com/muhammadaziz01-dev/smart-soft
• Owner: muhammadaziz01-dev
• Created: 2024-07-15T09:05:46.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-16T08:56:04.000Z (6 months ago)
• Last Synced: 2024-07-16T11:24:18.370Z (6 months ago)
• Topics: css3, html5, javascript, jsx, scss, swiper-js, tailwindcss, vite
• Language: JavaScript
• Homepage:
• Size: 53.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Main

- Try to keep pages server component;

- Use BEM

- Use FC generic for Component

- Use the same node version (v20.9.0)

# Imports order

- Next components and utils

- React

- Third libraries

- React components

- Utils

- Style

# Pages

- Pages are stored in the app folder

- Naming -> CategoriesPage, CategoryPage

# Files

 File naming is `kebab-case` 

- User.jsx => bad

- user.jsx => good




- loginCard.jsx => bad

- LoginCard.jsx => bad

- login-card.jsx => good

# Components

- Creating component

  ```

  modal

    index.tsx

    style.scss

  card 

     index.tsx

     style.scss

  ```

- Component naming is PascalCase

  ```

    

  ```

- Component is made without margin

# Hooks

 Hooks naming is camelCase

  ```

    useFetch

  ```

# Variables

 Sass folder -> variables.scss