UkrStrongNation

Strong Nation

The site of a Charity organization that promotes and supports volunteering in Ukraine

Original site

Github page

The repository is organized into various directories, each directory contains the code for a specific feature or component of the website. The code is well-documented and follows best practices for React development, including the usage of functional components and hooks.

The Home page is unique with its hero section. You can find a map that is interactive and displays different regions of Ukraine. Each region is represented by a separate colored marker. When you hover your mouse over a particular region, it displays the total amount of money that has been collected for that region in the form of a tooltip. If you click on the region, it will take you to the News page related to that particular region where you can read about the donations and other relevant news.

The News page displays a list of news articles as well as images and links to the original sources. You can select any region to view the news using filter

The Contacts page provides some contact information and a map displaying the location of the organization.

The Support page provides information on how to donate to the organization. You can copy this information by click.

Also there is the Admin panel with various opportunities. From the admin panel, authorized users can add, edit, and delete various types of content. Admin can add posts, edit images, post news etc. That's the most interesting part. So if you want to see how it works, you can contact us!

Built With

• React - The web framework used with love in our hearts
• Redux Toolkit - We keep our State here
• MUI - Main theme and styles
• Styled Components - Makes it look even better
• AOS - Animations
• Formik - The world's most popular form library
• Axios - A simple promise based HTTP client
• Spring Framework - Because we love Java

Backend Part

Repository Link

Authors

• Frontend Team Lead - Frontend Development - Arsenii Maksymenko
• Frontend Developer - Frontend Development - Oksana Kuznietsova
• Frontend Developer - Frontend Development - Danylo Slavnyi
• Frontend Developer - Frontend Development - Anton Vitulskyi
• Backend Developer - Backend Java Development - Serhii Sterniichuk
• QA - QA Development - Yuliia Shestakova

You can contact us on LinkedIn

• Frontend Team Lead - Frontend Development - Arsenii Maksymenko
• Frontend Developer - Frontend Development - Oksana Kuznietsova
• Frontend Developer - Frontend Development - Danylo Slavnyi
• Frontend Developer - Frontend Development - Anton Vitulskyi
• Backend Developer - Backend Java Development - Serhii Sterniichuk
• QA - QA Development - Yuliia Shestakova

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Installing

A step by step guide on how to get the development environment running. This project is using React template from Go IT school, so you need:

Clone repository or get the copy in any other way.

npm i
npm start