This application allows you to track parcels using their tracking numbers and find all branches of Nova Post service at various locations.
On the home page, there is a form for a parcel's tracking number input. Upon submission, the parcel's information is displayed in a card that can be closed by clicking the โcloseโ button.
In the history section, all previous search queries are displayed. Upon clicking, the parcel's information is requested from the server and rendered on the page.
Additionally, there is an option to delete parcels from the search history one by one or all at once by clicking the "clear" button.
Form validation is also implemented.
![](https://private-user-images.githubusercontent.com/105170538/259535624-4dadd99f-13fd-403a-ab39-9b2675ca3abc.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM1NjI0LTRkYWRkOTlmLTEzZmQtNDAzYS1hYjM5LTliMjY3NWNhM2FiYy5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jNDMxMjQwOWJlYWI2M2M3MWYwMTFkYTBhNGRkZDU0N2U3MzdlNzI4ZjgzYmM3MzUyYWE4MTVlZDE5MTQwODg4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.iNMu9ERBbAWlZ0JLII5QBFCx9eoNMSN8D_QDoAKHHys)
![](https://private-user-images.githubusercontent.com/105170538/259535627-0b46d38b-17d6-43a6-9564-b87283d71385.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM1NjI3LTBiNDZkMzhiLTE3ZDYtNDNhNi05NTY0LWI4NzI4M2Q3MTM4NS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lOWQxODFkY2MxMTljM2FhYWQ4OTA5NWY3ZWYzY2Q2MmJjYjFhYTZlMmU1Yzg1N2QzNmJiN2YzOWNiZjAwMzNmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.RQxoXIWK6P6S4fSKaZvo4Uiosw1XzuTOViTbW39HReQ)
![](https://private-user-images.githubusercontent.com/105170538/259535629-46638b31-a739-4c3f-bb5c-e4a6fda00cc6.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM1NjI5LTQ2NjM4YjMxLWE3MzktNGMzZi1iYjVjLWU0YTZmZGEwMGNjNi5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOTQ2OTU4YWM1ZGY5NTllMGEwNzllOWQ3ZWEwYzgzOGI1NWI5YjVjODMzNzdkMDg2MzU1N2JiN2NiMDc0MDI4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9._mLKHR69KL3Ivhw3DD-oV-y5jX8pHGbju0sasJtmhXU)
![](https://private-user-images.githubusercontent.com/105170538/259535631-8053e297-cda7-4f88-a511-ca434f8a3b93.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM1NjMxLTgwNTNlMjk3LWNkYTctNGY4OC1hNTExLWNhNDM0ZjhhM2I5My5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xZDA1YWZhZjcwYzA1ZWI1ZGFhNDQ2ZDNiYWY3NGMyMTExMTcxYWE1MjU3NjZmYzA0NGYxNWI1MzQxZjEwOGUzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.2o1Mpr8IHLRT1qpuCQFVeqqu-YmNrW-ZHdN0aD4u2cA)
![](https://private-user-images.githubusercontent.com/105170538/259535632-e6189c25-d07e-4952-8839-fffe5260c0fa.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM1NjMyLWU2MTg5YzI1LWQwN2UtNDk1Mi04ODM5LWZmZmU1MjYwYzBmYS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jNjFjYjg3YTExNWVmZTAzMzE4YzRlMWI3NDBkMDA4MzAyZjUzNTBlMjBkNDgzNmI5MjIyMWM4OGRjNzYwMDhkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.IjXfbAXBAG_GdSX_CkmN2xF5DKs9rbQcpmpo_b2F4Zs)
![](https://private-user-images.githubusercontent.com/105170538/259535859-ed5ead90-f19b-4e37-892c-746e6f42ee75.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM1ODU5LWVkNWVhZDkwLWYxOWItNGUzNy04OTJjLTc0NmU2ZjQyZWU3NS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NzhjNGIwNGI2YzkyMmQ5M2UwYTc1MWJiOWI3MzRiMTYzZTY2YTE2ZDIwMmVkYTIxNzUyNWMyYjRmMmNkOTFhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.pKc_evg2AtzdRwpgZB1VakQSwxr761Pal9SKG0zvE2g)
On the branches page, the list of Kyiv branches is displayed by default. You can find branches at any other location by entering a query into the search form.
Clicking on the branch icon opens the page of the selected branch.
![](https://private-user-images.githubusercontent.com/105170538/259536262-f20a465a-495f-492e-83cb-de07ae0b2959.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTM2MjYyLWYyMGE0NjVhLTQ5NWYtNDkyZS04M2NiLWRlMDdhZTBiMjk1OS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xY2VkNzQzMGEyZGI5ZDhjOGM2NDBiYTdmMDljNmJkOTk1ZTI3M2Q1ODhjY2M2ZTcyOTc1NTdjNTc0YzUwMGYyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jms3KgaU5B5wMoKn4KpUu8_oY6zpS-qCI48D0O3fSFg)
The application has a pleasant appearance on desktop, mobile, and tablet versions.
![](https://private-user-images.githubusercontent.com/105170538/259533678-32061e0f-0436-4542-84b6-c241443f3077.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTMzNjc4LTMyMDYxZTBmLTA0MzYtNDU0Mi04NGI2LWMyNDE0NDNmMzA3Ny5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yYjQ3MDU4YmIyMDcxNjU4MDQxZTBhNWUyODEyYzMyN2ZhZmQ4OTBiN2JkMmFjMzZlOGVlYjBiNjI5MjRmMzdiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.X2qU8FqTg_XMWYRAl_e00lFitQlU8HPAOE8gijdStDA)
![](https://private-user-images.githubusercontent.com/105170538/259533671-7e4c8809-8230-44a0-915a-859e3860d932.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTMzNjcxLTdlNGM4ODA5LTgyMzAtNDRhMC05MTVhLTg1OWUzODYwZDkzMi5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zZDM5YTczYWNkOTIxNjQ2NjE1NDMxYWEzN2MwM2ZkZThmZDhkY2RlYjNjYWU1MGJhMWUxMDY2NTNhYjY3NGQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.yJivL6UOG1wD6POjx4IyPdwzDzhSNsSZweA0vibFxaI)
![](https://private-user-images.githubusercontent.com/105170538/259533680-6438b71b-325f-42ce-822a-b6245cab20b8.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTMzNjgwLTY0MzhiNzFiLTMyNWYtNDJjZS04MjJhLWI2MjQ1Y2FiMjBiOC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMTk4OGNmYTliNDYyOTU2MjNhMjhkNjA5ODBhZWI5ZGVmNzZhNDJhNWE3YTY5MDg0YTI1ZjcwNmFlMzUxNTg2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Kr1cM5mXBLcdPRykfmx-XxtswrcMnOsocgmT0rM5yxo)
![](https://private-user-images.githubusercontent.com/105170538/259533673-662fa753-36a4-4c28-8205-86f15fa4b1a0.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTMzNjczLTY2MmZhNzUzLTM2YTQtNGMyOC04MjA1LTg2ZjE1ZmE0YjFhMC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03NDViZjU4ODMwMzU0MzU3ODUxMDRiZDVmMzAyZjNhM2VmOGUyZTVjYmI3MzAzMzdiNjFkMmQ0YTVhMWIwODNiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.9O9fiNJXPyBbg4ZPVKG1enjPLvbMLhvcYYpx-yUCews)
![](https://private-user-images.githubusercontent.com/105170538/259533665-8d5aa1c3-ae8e-450a-9610-8f3242c8c6ed.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMzMzgzMjksIm5iZiI6MTcyMzMzODAyOSwicGF0aCI6Ii8xMDUxNzA1MzgvMjU5NTMzNjY1LThkNWFhMWMzLWFlOGUtNDUwYS05NjEwLThmMzI0MmM4YzZlZC5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMVQwMTAwMjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05MWQ4ZWRkMzM3OGI1NDhkYWJhNGJhN2JmODVhOTQzYjNlMTFlYmM2YWFkYjBmZThmYjlkODg0NDk4YzE4MTMzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.wnpt3nPMJcIxj3bWbBS7qnE2JcGigXMIFrXQWKGXJ34)
This task was implemented with Vite, React, Redux Toolkit, MUI, Emotion, Axios, React Router
- ๐ฌ If you have any questions/feedback, please do not hesitate to reach out to me!