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

Run Tracker 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

1. • In your terminal run the command git clone https://github.com/rloterh/RunTracker.git
2. • Navigate to the cloned project directory
3. • Run the command npm i to setup webpack and other project dependencies
4. • Run the command npm start to compile the project, and launch in a web browser

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

1. • Run the command npm -v to ensure node package manager is installed
2. • Go to npmjs.com to install node package manager, if not installed
3. • Go to the terminal, and navigate to project directory
4. • Run the command npm i
5. • Validate the javascript syntax and code standard by running the command npx eslint .
6. • All validation cases passes, when no error message is displayed in the terminal

Validating CSS Syntax

1. • Run the command npm -v to ensure node package manager is installed
2. • Go to npmjs.com to install node package manager, if not installed
3. • Go to the terminal, and navigate to project directory
4. • Run the command npm i
5. • Validate the css syntax and code standard by running the command npx stylelint "**/*.{css,scss}"
6. • All validations cases passes, when no error message is displayed in the terminal

Testing

1. • Within the terminal, navigate to project directory
2. • Ensure that the necessary testing dependencies are installed, by running the command npm i
3. • Run the command npm test
4. • 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 ⭐️ if you like this project!

Acknowledgments

• Design idea by Grégoire Vella
• Microverse

License