https://github.com/muhammadaziz01-dev/todo-list-reactjs

Todo list ReactJs - create , delete , and edit
https://github.com/muhammadaziz01-dev/todo-list-reactjs

css3 html5 javascript reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

Todo list ReactJs - create , delete , and edit

• Host: GitHub
• URL: https://github.com/muhammadaziz01-dev/todo-list-reactjs
• Owner: muhammadaziz01-dev
• Created: 2024-03-31T00:53:03.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-31T22:53:26.000Z (about 1 year ago)
• Last Synced: 2025-01-27T08:42:27.266Z (4 months ago)
• Topics: css3, html5, javascript, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://6609e9abb87aa318f4436731--comfy-jalebi-ab52d2.netlify.app/
• Size: 49.8 KB
• Stars: 1
• 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