Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nazemmahmud/nordstreet_front
Front end for symfony-scrapping repo
https://github.com/nazemmahmud/nordstreet_front
Last synced: about 1 month ago
JSON representation
Front end for symfony-scrapping repo
- Host: GitHub
- URL: https://github.com/nazemmahmud/nordstreet_front
- Owner: NazemMahmud
- Created: 2023-09-12T15:17:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-21T22:14:31.000Z (over 1 year ago)
- Last Synced: 2023-09-22T02:22:54.734Z (over 1 year ago)
- Language: JavaScript
- Size: 304 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About
**Scrape Solution Frontend**
# Table of Contents
| No. | Title |
|-----|-----------------------------------|
| 1 | [Todos](#task-implemented) |
| 2 | [Installation](#installation) |
| 2 | [Implementation](#implementation) |
# Todos
**CRUD system** for the scrape back end
1. Get/Index API, with pagination operation/events
2. Add/update form to add or update form accordingly
3. Delete data with a confirmation modal.
4. Store data with scraping
# Installation
## Normal Installation
1. **Pre-requirements:** Use node version >= v16.14.0
2. Clone this repo.
3. Copy and paste from `.env.example` to `.env` file
3. If you need to change API base url or other value, change it in the `.env` file
4. In `package.json`, change
```angular2html
"start": "./node_modules/.bin/react-scripts start",
```
to
```angular2html
"start: "react-scripts start"
```
4. **Install npm packages**: run `npm install`
5. Run project: `npm run start`
## Docker Installation
If you want to use docker to run this project
1. Install docker in your OS system
2. Clone this repo.
3. Copy`.env.example` and paste as `.env` in root directory.
3. Copy `docker-compose.yml.example` and paste as `docker-compose.yml` in root directory.
4. If you need to change API base url or other value, change it in the `.env` file
4. In `package.json`, change
```angular2html
"start: "react-scripts start"
```
to
```angular2html
"start": "./node_modules/.bin/react-scripts start",
```
6. Build and up the docker containers: run `docker-compose up -d`
# Implementation
1. CRUD system
2. Pagination
3. Add & Update data form
4. Delete Confirmation modal
5. Tooltips on the icons
6. Toaster message for success and error messages
7. Loader when an event is called, such as, waiting for an API response or data update.