Victory Center

This repo contains front end part of the Victory center

Main structure of this project

victory-center-client/
├── .github/
│   ├── ISSUE_TEMPLATE
│   ├── PULL_REQUEST_TEMPLATE
│   ├── workflows
│   │   ├── lint.build.yml
│   │   └── test.build.yml
│   ├── CODEOWNERS
│   └── pull_request_template.md
├── public/
│   └── index.html
├── src/
│   ├── assets/                             # Images, icons, fonts, etc.
│   ├── components/                         # Reusable UI components (buttons, inputs, etc.)
│   │   └── navigation
│   ├── const                               # Constans that will be used across the project
│   │   └── routes
│   ├── layouts/                            # Layout components (e.g., MainLayout, AuthLayout)
│   │   └──main-layout              
│   ├── pages/                              # Pages
│   │   ├── admin
│   │   ├── not-found
│   │   └── usesr-pages
│   │       ├── home-page
│   │       ├── page-1
│   │       └── page-2
│   ├── routes/                             # Route configuration
│   │   └── app-router
│   ├── hooks/                              # Custom React hooks
│   ├── context/                            # React context providers
│   │   └── admin-contex-provider
│   ├── services/                           # API calls, data services
│   │   └── data-fetch
│   │       ├── admin-page-data-fetch
│   │       └── user-pages-data-fetch
│   │           ├── home-page-data-fetch
│   │           ├── page-1-data-fetch
│   │           └── page-2-data-fetch
│   ├── utils/                              # Utility functions
│   │   └── mock-data
│   ├── index.jsx                           # Entry point (ReactDOM.createRoot)
│   ├── index.css                           # Global styles (normalizer)
│   ├── react-app-env.d.ts
│   ├── reportWebVitals.ts
│   └── setupTests.ts
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
├── README
└── tsconfig.json

• For more on these wonderful badges, refer to shields.io.

---

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run test:cover

Launches the test runnner that will collect coverage info
and present it in a form of a table in terminal.

npm run lint

Launches the lint check that will allow to debug lint errors locally.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

Installation

• Modify this section later

Required to install

• Modify this section later

Environment

• Modify this section later

environmental variables

spring.datasource.url=${DATASOURCE_URL}
spring.datasource.username=${DATASOURCE_USER}
spring.datasource.password=${DATASOURCE_PASSWORD}
spring.mail.username=${EMAIL_ADDRESS}
spring.mail.password=${EMAIL_PASSWORD}
cloud.name=${CLOUD_NAME}
api.key=${API_KEY}
api.secret=${API_SECRET}

Contributing

Git flow

To get started...

Step 1

• Option 1

  • 🍴 Fork this repo!

• Option 2

  • 👯 Clone this repo to your local machine using https://github.com/ita-social-projects/SOMEREPO.git

Step 2

• HACK AWAY! 🔨🔨🔨

Step 3

• 🔃 Create a new pull request using github.com/ita-social-projects/SOMEREPO.

Issue flow

---

Team

Or Contributors/People

• You can just grab their GitHub profile image URL
• You should probably resize their picture using ?s=200 at the end of the image URL.

---

Support

Reach out to us at one of the following places!

• Discord at ira_zavushchak

---

License

• MIT license
• Copyright 2025 © SoftServe Academy.