We will be back at Bel Aire in their meeting room.

Full Stack Development with React

We will walk through various aspects of the Full Stack Development with Spring Boot and React using Fedora 40.

Examples

Tools in use

1. Fedora 40
2. Eclipse
3. VS Code
4. MariaDB sudo dnf install mariadb-server
5. Postman
6. nvm
7. Mysql JDBC driver
8. Fedora Java Alternatives

Create the database and the user

create database cardb character set utf8;

GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, DROP, INDEX, ALTER,
CREATE TEMPORARY TABLES ON cardb.*
TO 'brian'@'localhost' IDENTIFIED BY 'Rockit2';

Spring resource to connect to mysql

spring.datasource.url=jdbc:mariadb://localhost:3306/cardb 
spring.datasource.username=brian
spring.datasource.password=Rockit2
spring.datasource.driver-class-name=org.mariadb.jdbc.Driver
spring.jpa.generate-ddl=true 
spring.jpa.hibernate.ddl-auto=create-drop

spring.jpa.show-sql=true
spring.jackson.serialization.FAIL_ON_EMPTY_BEANS=false
spring.data.rest.basePath=/api

Fix eclipse crashing. Add this to .bashrc

export WEBKIT_DISABLE_COMPOSITING_MODE=1

Verify nvm configuration for the shell.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

Start database

sudo service mariadb start

Check that user can connect to MariaDB

mysql -u brian -p cardb

Import Chapter 5 example code and modify SecurityConfig.java per book [Hinkula,238]. We will not have security settings for this demonstration.

http.csrf().disable().cors().and()
    .authorizeRequests().anyRequest().permitAll();

Update application.properties

Start CarDatabaseApplication.java.

Verify REST interface for cars with PostMan

Check npm conifuguration. Create carfront skeleton and install library dependencies [Hinkula,239].

npx create-react-app carfront
cd carfront
npm install @mui/material @emotion/react @emotion/styled

Add the components folder to carfront project [Hinkula,245]. Create Carlist.js and add content.

Verify that the Spring Boot backend is running CardatabaseApplication. Start the React application from the terminal npm start.

Brian

Social meetup at Kupros. Bring your gadget or just hang out talk GNU/Linux or whichever project you find interest in and/or working on.

Brian

Social meetup at Kupros. Bring your gadget or just hang out talk GNU/Linux or whichever project you find interest in and/or working on.

Brian

Sen will talk about his embedded video player project! He gave a talk at a conference. You will definitely want to check out this talk!

Notes:

Sen gave a great presentation on his video player and provided an in depth discussion on the usage of different codecs and their availability.

Video player project by Sen

We had a couple of other old timers show up at the meeting as well!

Brian

We will be doing a social at Kupro’s. I didn’t book the room at Raley’s.

Brian

Social. Hang out and drink beer and talk GNU/Linux. If you have a gadget you have or some code, please bring it and show and tell.

Meeting notes

provided by Gary!

I’d like to thank Brian for hosting the group meeting at Kupros last night.

It was supposed to be mostly social, but we ended up talking a lot of Linux. He mentioned that his new laptop seemed to have many options for the core configuration and we started to discuss how this was possible and might have gone off the deep end :)

We looked at some of the details of the C code for the navigation app and it was interesting to see the API’s for accessing the sensor data. I hadn’t played with that stuff for quite a while. We discussed the ease of accessing sensor data provided by a phone vs usb add on.

And the happy hour snack and beer weren’t bad either.

note: we will be meeting at a brand new location for the December meetup, pls check out our locations page for info.

Our Fearless leader™ Brian will demo/talk about his raspi hat with a 3 axis acclerometer , gyro, and magnetometer.

We will hang out and drink some beer and eat!

Meet to hang out and see if we can make some progress on the saclug site.

Mark and Brian met at Kupros and decided to adopt the nblug Pelican website. This is Pelican.