This app is for those who is learning to build React/NodeJS front end and use api service. It helps to understand NodeJS packages and code structuring, TypeScript and API interactions. It has two parts:
- OGO : Front end - typescript and react
- OGP : API service - Ruby on Rails
Clone the repo. Open two terminal tabs, one for service and next for fornt end.
1. Install rvm from https://rvm.io/
rvm install ruby 3.1.3
rvm use 3.1.3
2. Install postgres, see link below
sudo apt-get -y install postgresql
sudo apt-get install libpq-dev
sudo systemctl status postgresql
sudo -i -u postgres
psql
createuser --interactive
\password postgres
3. Install Bundler and Rails
gem install bundler
bundle install
4. DB creation and seed
rake db:create
rake db:migrate
rake db:seed
rails s
5. Review and Testing
bundle exec rubocop --format offenses
bundle exec rubocop -a
1. Node Version Manager - nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
nvm ls-remote
nvm install v14.21.3
2. Node Package Manager - npm
sudo apt install npm
3. React
rm -r node_modules
npm i --save react react-dom react-scripts
npm i
4. Node Package eXecutor - npx
npx create-react-app my-app (as example)
5. Typescript - ts
npm install typescript -g
6. Start app
sudo apt update
sudo apt install nodejs
node -v
sudo apt install npm