This is the UI repo for Jabit Tracker, a Job Habit Tracker, created for the Troopl Hackathon in Feb 2022
The API for this repo is here - https://github.com/davin2020/jabit_tracker
The idea behind this app is to keep track of job-seeking habits that you can control eg how many applications you submit, or interviews that you attend etc.
Theres a demo available online at - https://jabit-tracker-ui.herokuapp.com/
- Register a new account
- Login an existing account
- View your personal details on the Dashboard page
- View your goals on the Dashboard page - added 23 Feb
- Add a new goal
- Mark a goal as commpleted
- Delete a goal
- Better styling and layout
- Mongo Altas Cloud DB
- Node
- Express
- React
- GraphQL API
- Firstly clone this repo locally
- Run
npm install
to install the project dependencies - Run
npm start
to start the UI FYI at present the UI is hard coded to talk to the live API URL hosted athttps://davin-jabit-api.herokuapp.com/graphql
, but if your running the API locally you can change that tohttp://localhost:4033/graphql
insrc/Components/LoginPage/index.js
,RegisterPage/index.js
andDashboardPage/index.js
. I had issues with installing dotenv so wasn't able to read in variables from the .env file in order to set the API URL dynamically.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.