RunTracker - Frontend (A Microverse Full Stack Capstone project)
Description
Run Tracker is a tracking application for taking records of sprint efforts. A user sets a sprint target and subsequently records the sprint details and then determines if the goal is achieved. RunTracker backend
📙
Directory Contents |
---|
App Screenshot |
Live Demo |
Built With |
Getting Started |
Validation & Testing |
Author |
License |
App Screenshots
Login | Add Record |
---|---|
Details | Progress |
Live Demo
Built With
- React 17.02
- JavaScript (ES6)
- Node.js
- Redux
- ESLint 7.32
- Airbnb ESLint 18.2.1
- CSS/ Tailwind
- Stylelint 13.13.1
- React Testing Library
Getting Started
-
- In your terminal run the command
git clone https://github.com/rloterh/RunTracker.git
- In your terminal run the command
-
- Navigate to the cloned project directory
-
- Run the command
npm i
to setup webpack and other project dependencies
- Run the command
-
- Run the command
npm start
to compile the project, and launch in a web browser
- Run the command
Validation & Testing
The syntax of this project was mainly standardized using Stylelint and Eslint
This application was tested using mainly Jest Testing Library
Validating JavaScript Syntax
-
- Run the command
npm -v
to ensure node package manager is installed
- Run the command
-
- Go to npmjs.com to install node package manager, if not installed
-
- Go to the terminal, and navigate to project directory
-
- Run the command
npm i
- Run the command
-
- Validate the javascript syntax and code standard by running the command
npx eslint .
- Validate the javascript syntax and code standard by running the command
-
- All validation cases passes, when no error message is displayed in the terminal
Validating CSS Syntax
-
- Run the command
npm -v
to ensure node package manager is installed
- Run the command
-
- Go to npmjs.com to install node package manager, if not installed
-
- Go to the terminal, and navigate to project directory
-
- Run the command
npm i
- Run the command
-
- Validate the css syntax and code standard by running the command
npx stylelint "**/*.{css,scss}"
- Validate the css syntax and code standard by running the command
-
- All validations cases passes, when no error message is displayed in the terminal
Testing
-
- Within the terminal, navigate to project directory
-
- Ensure that the necessary testing dependencies are installed, by running the command
npm i
- Ensure that the necessary testing dependencies are installed, by running the command
-
- Run the command
npm test
- Run the command
-
- All test cases passes, when no error message is displayed in the terminal
Author
👨💻 Robert Loterh
🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
Acknowledgments
- Design idea by Grégoire Vella
- Microverse