https://github.com/danilqa/construction-companies-app
https://github.com/danilqa/construction-companies-app
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/danilqa/construction-companies-app
- Owner: Danilqa
- Created: 2022-09-16T04:02:03.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-19T09:58:40.000Z (over 3 years ago)
- Last Synced: 2025-01-25T07:08:28.473Z (over 1 year ago)
- Language: TypeScript
- Size: 1.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About
Company catalog
Features:
* Search
* Filter
# Future improvements
1. Virtual list to improve performance
2. Lazy loading on scroll
3. Move the fetching logic from the view layer
4. Show the loading state (skeleton placeholder for company cards) when
we're waiting for the fetch for more than 3 seconds
5. Remove bootstrap and implement our UI components
6. Support the fuzzy search
# Getting started
1. `yarn install` - install the dependencies
2. `yarn dev` - start on the localhost at 3500 port
# Why do we have these dependencies?
* `react` - provides api for create and control ui-components.
* `react-dom` - provides DOM-specific methods to step out from react-world
to DOM-world and is used on top level of application.
* `bootstrap` - provides layout, input and other components. It has zero external dependencies and the smallest
size in comparison with other libraries.
# Project structure
```
/config - files for configuration project modules
/src - files used by this application (modules, templates, logic)
/model - domain entities
/env - sets of constants for the app environment
env.ts
app.tsx - the main app
index.tsx - entry for react applicaiton
package.json - project configuration, contains project information, dependencies and settings
yarn.log - file fixing specific dependency numbers
README.md
- for example, jest.config.ts, .gitignore, ...
```