Visualise the path from multiple nodes to another byt using common algorithms like DIJKSTRA, BFS, DFS and A star.
- You can find the live deployment here
![Screenshot 2023-09-14 at 1 35 25 PM](https://private-user-images.githubusercontent.com/59647845/268063372-44bc83c0-4df4-422e-9a6f-84e78944e820.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk1MzM3NzIsIm5iZiI6MTcxOTUzMzQ3MiwicGF0aCI6Ii81OTY0Nzg0NS8yNjgwNjMzNzItNDRiYzgzYzAtNGRmNC00MjJlLTlhNmYtODRlNzg5NDRlODIwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI4VDAwMTExMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcxOTkzNWYyNzU3ZmEzZDAxMGRjM2VlNWMwOGM4OWMwYTdhM2I4ZDYzYWMyZjNjMGQ0MTcxYWI3YzI2OTk1YWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CzHst4bU-ByA2FTZc0eYVTfbhTHRC9T91xJBQcaMgAM)
![Screenshot 2023-09-14 at 1 35 34 PM](https://private-user-images.githubusercontent.com/59647845/268063376-c7606884-43be-4fe2-b072-3316f5d732a5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk1MzM3NzIsIm5iZiI6MTcxOTUzMzQ3MiwicGF0aCI6Ii81OTY0Nzg0NS8yNjgwNjMzNzYtYzc2MDY4ODQtNDNiZS00ZmUyLWIwNzItMzMxNmY1ZDczMmE1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI4VDAwMTExMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdhNDc1NGE5Y2ZjYjE5MTJiN2E2OWEyZjI0NTc1NDhjZmJlODU5MDMwYTdjODk4MjhlYWI3ZjRjNDJjMjMxYmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.rJ0xkaFUyMo9r9AYyfcteUOVnveiSEbqsFU4Z95gpsM)
- ๐ Preview
- ๐ Table of Contents
- ๐ Features
- ๐ง Getting Started
- ๐ฉโ๐ป Technologies and Libraries Used
- โฟ Accessibility
- ๐งช Testing
- ๐ Notes
The application visualised the path from one point to another. Can be manually set to:
- Traverse from a starting node to the end ndoe
- Place walls between the points to find alternate paths
- Place traffic between the points which would remove when the node has been met twice.
Clone the project
git clone [email protected]:somtooriaku/PathsSearch.git
Go to the project directory
cd YouTube
Install dependencies
npm install
Start the server
npm run start
Remember to install dependencies after cloning it locally.
yarn dev # npm run dev
yarn build # npm run build
- React
- TypeScript
- Jest
Bootstrapped with my React.js template.
This application was built using a design first principle and is fully accessible on all possible platforms. The design is restructed for all forms of devices. It also has an accessibility score of 100 according to Google lighthouse. This was achieved using semantic elements and aria labels using a11yproject's checklist.
Unit tests have been written for all components using Jest. You can run all tests in watch mode by using the command line:
yarn test # npm run test
Alternatively, generate coverage by using the following:
yarn test:coverage # npm run test:coverage
All components were developed from scratch and implemented based on the design system created for this challenge.