Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/priyabratagig/mern-jobrambo-ui
Job portal made with MERN, enhanced rendering optimization, state management, custom hooks, with less code approch
https://github.com/priyabratagig/mern-jobrambo-ui
access-control api authentication axios react react-router-v6 redux-thunk redux-toolkit shadcn-ui single-page-app tailwindcss token vite
Last synced: about 1 month ago
JSON representation
Job portal made with MERN, enhanced rendering optimization, state management, custom hooks, with less code approch
- Host: GitHub
- URL: https://github.com/priyabratagig/mern-jobrambo-ui
- Owner: priyabratagig
- Created: 2024-09-08T15:54:34.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-10T20:57:37.000Z (3 months ago)
- Last Synced: 2024-09-11T22:35:01.327Z (3 months ago)
- Topics: access-control, api, authentication, axios, react, react-router-v6, redux-thunk, redux-toolkit, shadcn-ui, single-page-app, tailwindcss, token, vite
- Language: JavaScript
- Homepage: https://jobrambo.onrender.com/profile
- Size: 434 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JobRambo-ui
> Better code reusability, custom hooks, better code splitting, better naming practice
>> Better render optimization for state and effects, and component clean-ups
>> Better security optimizations
>```mermaid
graph TD
%% Define components
App[App.jsx]
Layout[Layout.component.jsx]
Pages[.page.jsx]
Components[.components.jsx]
Hooks[.hooks.jsx]
Api[.api.js]
StateSlice[.slice.redux.js]
Reducers[sliceReducer]
Store[Store.redux.js]
ActionCreators[actioncreators.redux.js]%% Define connections
App -->|Includes| Layout
App -->|Includes| Pages
App -->|Includes| Components
App -->|Includes| Store
Layout -->|Uses| Pages
Pages -->|Uses| Components
Pages -->|Uses| Hooks
Components -->|Uses| Hooks
Components -->|Uses| ActionCreators
Hooks -->|Uses| Api
Api -->|Used by| Components
Api -->|Used by| Pages
Api -->|Used by| Hooks
StateSlice -->|Derived by| Reducers
StateSlice -->|Derived by| ActionCreators
Reducers -->|Derived by| Store
ActionCreators -->|Used by| Hooks
ActionCreators -->|Used by| Components
ActionCreators -->|Used by| Pages```
```
jobrambo-ui/
├── public/
├── src/
│ ├── api/
│ │ ├── auth.api.js
│ │ ├── company.api.js
│ │ ├── config.api.js
│ │ ├── index.js
│ │ ├── job.api.js
│ │ ├── jobapplication.api.js
│ │ ├── routes.api.js
│ │ └── user.api.js
│ ├── assets/
│ │ ├── fonts/
│ │ │ ├── Montserrat/
│ │ │ │ ├── Montserrat-Italic-VariableFont_wght.ttf
│ │ │ │ ├── Montserrat-VariableFont_wght.ttf
│ │ │ │ ├── OFL.txt
│ │ │ │ └── README.txt
│ │ └── Montserrat.css
│ ├── Components/
│ │ ├── Company/
│ │ ├── Home/
│ │ ├── Job/
│ │ ├── Profile/
│ │ └── ui/
│ ├── configs/
│ │ ├── index.js
│ │ └── route.config.js
│ ├── Hooks/
│ │ ├── index.js
│ │ ├── useDidUpdateEffect.hook.jsx
│ │ ├── usePublicAndStudentsOnly.hook.jsx
│ │ ├── usePublicOnly.hook.jsx
│ │ ├── useRecruiterOnly.hook.jsx
│ │ ├── useSetInitialAppState.hook.jsx
│ │ ├── useToastDismiss.hook.jsx
│ │ └── useUsersOnly.hook.jsx
│ ├── lib/
│ │ └── utils.js
│ ├── Pages/
│ │ ├── Browse.page.jsx
│ │ ├── Companies.page.jsx
│ │ ├── CompanyRegister.page.jsx
│ │ ├── CompanyUpdate.page.jsx
│ │ ├── Error.page.jsx
│ │ ├── ForgotPassword.page.jsx
│ │ ├── Home.page.jsx
│ │ ├── Job.page.jsx
│ │ ├── JobApplications.page.jsx
│ │ ├── JobCreate.page.jsx
│ │ ├── Jobs.page.jsx
│ │ ├── JobsListing.page.jsx
│ │ ├── JobUpdate.page.jsx
│ │ ├── Login.page.jsx
│ │ ├── NotFound.page.jsx
│ │ ├── Profile.page.jsx
│ │ └── SignUp.page.jsx
│ ├── redux/
│ │ ├── actioncreators.redux.js
│ │ ├── index.js
│ │ ├── store.redux.js
│ │ └── slices/
│ │ ├── companies.slice.js
│ │ ├── index.js
│ │ ├── jobs.slice.js
│ │ ├── profile.slice.js
│ │ ├── qurey.slice.js
│ │ └── user.slice.redux.js
│ └── toast/
├── .gitignore
├── components.json
├── eslint.config.js
├── index.html
├── jsconfig.app.json
├── jsconfig.json
├── jsconfig.node.json
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── vite.config.js```