Organize your job search with ease and efficiency. Whether you’re looking for a new job or a career change, this app helps you stay on top of your opportunities. Track your job applications, follow up with employers, and interviews.
PROD [Live] : https://react-jobster-v2-prod.netlify.app/
- Home is the landing page which consists of sections i.e., Logo and Hero.
- Hero has
Login / Registerwhich on click takes the user to the Login page with a link to the Register page.
- Hero has
- Login page is where the user can log in or test the application with the Demo App.
- When the user is logged in, the user gets navigated to Dashboard.
- Dashboard consists of following sections i.e., Navbar, Sidebar along with the changeable content i.e., set to Stats as default.
- Navbar consists of Toggle, Username along with
Logoutoptpion- Toggle for opening and closing the sidebar.
- Sidebar is used to navigate between pages i.e., Stats, All Jobs, Add Job, Profile along with Logo.
- Stats displays the overview of job application data using a numerical and graphical representation.
- All Jobs shows the list of all jobs, different filters to search for specific jobs along with Edit, Delete actions on each job card.
- Add Job is the place where the user can add a new job by adding the required details.
- Profile contains information about the user.
- Data is handled by
API, and styles are handled byStyled Components. - For each page render the Loading has been implemented and unknown route URLs are handled by the Error page.
- Routing is implemented using React Router, Redux Toolkit is used for state management, Recharts for charts.
- To run the project locally, clone the repo,
npm installto install the dependencies, andnpm run devto start up the development server on default port 5173.
HTML, CSS, JavaScript, ECMAScript, React
https://redux-toolkit-jobster-api-server.onrender.com/api/v1
Netlify
Note: I have developed this project ~ [24] as part of the React 18 Tutorial and Projects Course (2023) taught by John Smilga.