Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/udokailodigwe/job-application-management-app
Job Tracking application built with ReactJs
https://github.com/udokailodigwe/job-application-management-app
debounce httprequest reactjs styled-components
Last synced: about 1 month ago
JSON representation
Job Tracking application built with ReactJs
- Host: GitHub
- URL: https://github.com/udokailodigwe/job-application-management-app
- Owner: Udokailodigwe
- Created: 2023-07-04T19:26:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-21T23:17:51.000Z (2 months ago)
- Last Synced: 2024-10-22T20:12:39.600Z (2 months ago)
- Topics: debounce, httprequest, reactjs, styled-components
- Language: JavaScript
- Homepage:
- Size: 2.06 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Job-Application-Management-App
### Track Your Job Search
- Job Tracking application, to enable you keep track of your job
application, upcoming interviews and essentially organizing your job
search activities. Makes your life as a potential job candidate
stress free, so you can concentrate on landing your preferred job.
### Run The App Locally
```sh
npm run install-dependencies
```
```sh
npm start
```
- visit url http://localhost:3000/
### Setup React App
- create client folder
- open terminal
```sh
cd client
```
```sh
npx create-react-app .
```
```sh
npm start
```
### App Styling
- Utilized Normalize.css and Global Styles, CSS in JS (styled-components)
- normalize.css [normalize docs](https://necolas.github.io/normalize.css/)
- Checkout [Styled Components Docs](https://styled-components.com/)
```sh
npm install normalize.css
```
- import 'normalize.css' in index.js
- for styled components
```sh
npm install styled-components
```
```js
import styled from "styled-components";
const El = styled.el`
// styles go here
`;
```
```js
const Wrapper = styled.el``;
const Component = () => {
return (
Component
);
};
```
- Wrappers was used only for styling
- Wrappers folder in assets
### Site Navigation
- React Router Version 6
- [React Router Docs](https://reactrouter.com/docs/en/v6)
```sh
npm install history@5 react-router-dom@6
```
- Four components utilized
```js
import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
```