Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iurianu/balkanamera
Balkanamera JazzQ website (work in progress)
https://github.com/iurianu/balkanamera
bootstrap5 chokidar node-sass node-sass-chokidar nodejs react schema-org scss
Last synced: 20 days ago
JSON representation
Balkanamera JazzQ website (work in progress)
- Host: GitHub
- URL: https://github.com/iurianu/balkanamera
- Owner: iurianu
- Created: 2021-11-22T07:46:27.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-31T10:04:24.000Z (over 2 years ago)
- Last Synced: 2024-10-10T15:23:47.544Z (about 1 month ago)
- Topics: bootstrap5, chokidar, node-sass, node-sass-chokidar, nodejs, react, schema-org, scss
- Language: JavaScript
- Homepage:
- Size: 26.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Required Technology
The project is created in the **React.js** framework, which needs node.js, in order to run.
The syntax used for styles is **SCSS**.First, you need to check if you have *node*, and *yarn* installed, therefore, open a terminal, and run the following commands:
> `node -v`
and
> `yarn -v`
#### Main Packages
Before installing the main packages, we must update the *node package manager (npm)* that came with *node.js* to the latest version.
In the terminal, run the following command:`npm update npm`
## Available Scripts
After you have downloaded the files on your computer, you have to add the **node_modules** used for development.
In the terminal, navigate to the project direcytory, and run:`npm install`
or
`yarn`
After installing, you must go to the terminal, back in the project directory, and run:
`yarn start`
This command will start running the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.
## Note
In case you don't have everything installed, you can find the installer package for *node* here:
* [node.js](https://nodejs.org/en/download/)
For *yarn*, you must open a terminal, and run the following command, in the project folder:
> `npm install yarn --save-dev`
## Third Party Libraries
* Twitter Bootstrap 5 - _used for styles, and animations_
> The project uses [React Helmet](https://www.npmjs.com/package/react-helmet) to set proper _title, and meta tags_ for each page
> The project uses [node-sass-chokidar](https://www.npmjs.com/package/node-sass-chokidar) for SCSS compiling
## Project Structure
public
- images
- scripts
- style
→ scss
→ partials
src
- components
- pages
.gitignore
package.json
package-lock.json
README.md
yarn.lock***Code carefully!***
> The code belongs to its owner
> Anyone can use it for documentation or comparison purposes