https://github.com/pktcodes/jobster-react-project-v2

Jobster Project using React - Redux Toolkit, Styled Components
https://github.com/pktcodes/jobster-react-project-v2

api axios dayjs debounce eslint figma http-requests jobster john-smilga normalize-css prettier react react-icons react-router react-toastify recharts redux-toolkit styled-components undraw vite

Last synced: about 1 month ago
JSON representation

Jobster Project using React - Redux Toolkit, Styled Components

• Host: GitHub
• URL: https://github.com/pktcodes/jobster-react-project-v2
• Owner: pktcodes
• Created: 2024-02-17T05:53:46.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-05-28T10:12:29.000Z (7 months ago)
• Last Synced: 2024-08-12T23:21:31.225Z (4 months ago)
• Topics: api, axios, dayjs, debounce, eslint, figma, http-requests, jobster, john-smilga, normalize-css, prettier, react, react-icons, react-router, react-toastify, recharts, redux-toolkit, styled-components, undraw, vite
• Language: JavaScript
• Homepage: https://react-jobster-v2-prod.netlify.app
• Size: 349 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Jobster 💼

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/

#### Jobster consists of a straightforward user interface where there is a

- **Home** is the landing page which consists of sections i.e., **Logo** and **Hero**.

  - **Hero** has `Login / Register` which on click takes the user to the **Login** page with a link to the **Register page**.

- **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 **`Logout`** optpion

  - **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 by **`Styled 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 install` to install the dependencies, and `npm run dev` to start up the development server on default port 5173.

#### Languages / Technologies

HTML, CSS, JavaScript, ECMAScript, React

#### API

https://redux-toolkit-jobster-api-server.onrender.com/api/v1

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [24] as part of the React 18 Tutorial and Projects Course (2023) taught by John Smilga._