Study Time Track App Frontend is a web app built with React, which connects to the Study-Time-Track-Backend. The app allows the user to register the time he/she spends on a given task.
-
It allows the users to register and log in using a username and password.
-
Authorization managed with JWT token so the user session persists.
-
The user can create a study session and add study subjects and the time she/he spent studying it to that particular session.
-
The user can check his sessions page and see the list of study sessions she/he created.
-
The user can access the session detail and see all the subjects studied in that session and the corresponding time.
-
The user can get the latest and longest sessions, and top 5 most studied subjects in the progress page.
- React.js
- Redux
- HTML
- CSS
- Create-React-App
- Tests with Jest
Study-Time-Track-App: Live version Hosted on a Heroku free account, it may take a while to load.
To get a local copy up and running follow these simple steps.
Clone the repo with:
git clone https://github.com/ferbaco86/study-time-track-frontend.git
First run:
npm install
Then execute:
npm start
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
For production run:
npm run build
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!
To run all tests use this command:
npm test
👤 Fernando Bahamondes
- Github: @ferbaco86
- Twitter: @ferbac0
- Linkedin: linkedin
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
Design idea by Gregoire Vella on Behance
This project is MIT licensed.