diff --git a/README.md b/README.md index a275c17..38cb50d 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,12 @@ -# Job Journey +# [Job Journey](https://kimmykokonut.github.io/job-journey/) _by [Kim Robinson](https://github.com/kimmykokonut)_ - +--- + +![Homepage screenshot](./src/img/charts.png) --- + ### Jump to section * About the Project * Description @@ -17,14 +20,16 @@ _by [Kim Robinson](https://github.com/kimmykokonut)_ * License --- -![Homepage screenshot here](./src/assets/img/map.png) +![Mobile view](./src/img/mobile.png) --- ## About the Project ## Description -Built out of a desire to lighten the frustration with the saturated Junior Developer market and to continue learning new technology. Job journey is a simple application where a user can enter their job search details into a form and see the results in a chart form or table form. +Built out of a desire to lighten the frustration with the saturated Junior Developer market and to continue learning new technology. Job journey is a simple application where a user can enter their job search details into a form and see the results in a pie chart, bar chart or line graph. + +![Form fill](./src/img/form.png) ## Built With ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) @@ -93,14 +98,11 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the 1. >File>Download>Comma separated values(.csv) 2. Move .csv file into the public folder of this repository 3. In page.tsx, line 19, update the file to match your file name and the d3 function will convert the .csv to an object for the charts to use. + 4. Note: Make sure your Status is in double quotes ("Hired") because the code is set to handle this as an array of strings, as a job application may have more than one status (["Interview", "Hired"]) as built in the form to add new applications. ## Stretch Goals -* Add pie chart labels -* Add bar chart -* Add line graph -* Style to be responsive -* Link to form to add new data-create form -* Display data as table +* Add edit form to update/add to application status +* Have option to display data as boring spreadsheet ## Contact and Support @@ -109,12 +111,4 @@ If you have any feedback or concerns, [Request Feature](https://github.com/kimmykokonut/job-journey/issues) ## License -GNU General Public License, see license.md for details - - --------------- -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. +GNU General Public License, see license.md for details \ No newline at end of file diff --git a/src/img/charts.png b/src/img/charts.png new file mode 100644 index 0000000..b0a3517 Binary files /dev/null and b/src/img/charts.png differ diff --git a/src/img/form.png b/src/img/form.png new file mode 100644 index 0000000..c52f1d1 Binary files /dev/null and b/src/img/form.png differ diff --git a/src/img/mobile.png b/src/img/mobile.png new file mode 100644 index 0000000..58c21cd Binary files /dev/null and b/src/img/mobile.png differ