All badges are links to each doc
Guiscord app is an POC that use nextjs and supabase to create a Discord based app. This app let you talk with user that you follow in github
For development, you will need some software installed in your environment.
To improve your experience and enjoy each linter, here are some extensions
For VSCode, if you use another editor, please look at your marketplace
- Code Spell Checker
- Color Highlight
- Editorconfig for VS Code
- ESLint
- Prettier - Code formatter
- vscode-styled-components
Yarn will install all dependencies into all projects, start and build them
yarn install
yarn start
yarn build
.
โโโ .vscode..............................# contains the settings to vscode;
โโโ src..................................# source projects and packages folders were created here;
โ โโโ apps............................# contain all projects files and folders;
โ โ โโโ [project_folders]
โ โโโ packages........................# contains all packages that could be used by each app;
โ โโโ assets......................# centralize animations, icons and images;
โ โ โโโ animations..............# centralize animations and create React Components to each one;
โ โ โโโ icons...................# centralize icons and create React Components to each one;
โ โ โโโ images..................# centralize images and create React Components to each one;
โ โโโ components..................# contains shared components;
โ โ โโโ [components_folders]
โ โโโ configs.....................# contains a config file that share info on project;
โ โโโ context.....................# contains shared context;
โ โโโ hooks.......................# contains shared hooks;
โ โ โโโ [hooks_files]
โ โโโ pages.......................# contains shared pages;
โ โ โโโ [pages_folders]
โ โโโ services....................# centralize icons and create React Components to each one;
โ โโโ styles......................# centralize icons and create React Components to each one;
โ โโโ pages...................# contains styles of each page of project (it's an alternative to follow the good pratices on NextJs)
โ โโโ theme...................# themes files are placed here
โ โโโ [...]...................# others global styles files
โโโ [...]................................# root files as environment, linters, etc;
- Project is using Angular Commits Guide Line, for more information, click on this link.
- Tests, tests and more tests
- Apply internationalization would be a good option to turn it more world wide spread.
- Maybe this project could be better with more themes