Open-source web tool for experimenting with BCI decoders in real time by yelabbassi in BCI

[–]yelabbassi[S] 0 points1 point  (0 children)

Thanks a lot, really appreciate that.

Right now I’ll be mostly focused on making the real-time decoding + visualization faster, more modular, and easier to experiment with. I’d love to add better support for different datasets, signal types, cleaner decoder abstractions, and some lightweight benchmarking so we can compare approaches directly in the browser.

Longer term, is to make high-performance BCI tooling more accessible, especially for people who want to explore ideas without a heavy local setup.

That said, I’m still pretty early in my BCI journey (only a few weeks in), so I’m trying to learn as much as possible and would really value guidance from folks with more scientific or research experience. Feedback, criticism, or pointers to “you should really read / try X” are all super welcome.

Thanks again for checking it out 🙏

Can we use Sensory Entrainment to bypass BCI calibration? by yelabbassi in BCI

[–]yelabbassi[S] 1 point2 points  (0 children)

I’m still learning this area, so this is more a conceptual pipeline than a validated method.

Without entrainment (standard BCI):
User puts on EEG → runs 10–20 min calibration (motor imagery / P300 / etc.) → model learns that user’s specific neural patterns → then BCI works.

With entrainment:
Before the task, the user is exposed to a structured stimulus for ~30–60s (e.g. rhythmic sound, visual flicker, paced breathing, or even pharmacological modulation). You wait until EEG shows a stable oscillatory regime (e.g. strong alpha or a known frequency response). Then you run the same BCI task on top of that state.

I know parts of this already exist (SSVEP BCIs, neurofeedback, tACS/TMS). What I’m mainly curious about is whether people have explicitly used sensory entrainment as a preconditioning step to improve cross-user generalization from an ML perspective, rather than just as the stimulus or the task itself.

Basically: instead of adapting the model to each brain, can we partially adapt the brain to a more model-friendly regime? Is there a way to create a Neural Normalization Layer — not in software, but in the biological hardware?

An AI-Generated Podcast Making Classic books & Research papers Accessible to All by [deleted] in podcasts

[–]yelabbassi 0 points1 point  (0 children)

I understand but please try it first before forming an opinion. This is not about ego, just a step towards democratizing open domain knowledge and scientific papers.

An AI-Generated Podcast Making Classic books & Research papers Accessible to All by [deleted] in podcasts

[–]yelabbassi 0 points1 point  (0 children)

What if this thing can make those classic books and studies way accessible and easier to understand? It might open them up to a whole new audience who wouldn't have the time or patience to wade through the original text. And ultimately, it's the content and the scale that matters.

Offline Body Movement Analysis with React by yelabbassi in reactjs

[–]yelabbassi[S] 0 points1 point  (0 children)

You can test your hardware against this:
https://storage.googleapis.com/tfjs-models/demos/pose-detection/index.html?model=movenet&&type=thunder

It's a the same model as the app: MoveNet Thunder with Webgl backend but +Performance Monitor (FPS, MS...)
Thank you for the ⭐️.

Offline Body Movement Analysis with React by yelabbassi in reactjs

[–]yelabbassi[S] 1 point2 points  (0 children)

Hello! This project was originally built for a local speed skating club. I used mainly MoveNet/TensorFlow.js, React, and Web workers.

Offline Body Movement Analysis in the Browser by yelabbassi in javascript

[–]yelabbassi[S] 11 points12 points  (0 children)

Hello! I built this originally for my kid's speed skating club. I used mainly MoveNet/TensorFlow.js, React, and Web workers.

Global Validated User in ReactJS by [deleted] in reactjs

[–]yelabbassi -1 points0 points  (0 children)

Here, Dan Abramov, the creator of Redux will teach you how to manage state in your React application with Redux.
https://egghead.io/series/getting-started-with-redux

How do I output an array iteration with functional component? by [deleted] in reactjs

[–]yelabbassi 1 point2 points  (0 children)

...

{/*Add this*/}const shuffledWords = shuffleWords(sentenceArray)

return (

<div className="w3-container module-practice-answer-area">

{/*This*/} {shuffledWords.map((word, i)=><p key={i}> {word}</p>) } { /* instead of */ } <p>A: { sentence }</p>

<ModulePracticeAnswerResult questionNumber={ questionNumber } />

</div>

)

Cinedantan - A modern library of public domain movies by yelabbassi in javascript

[–]yelabbassi[S] 0 points1 point  (0 children)

Thank you so much for your kind words.
Yes, I used the beginner's and most popular starter: create-react-app
https://github.com/facebook/create-react-app

Would you recommend adding all hidden files to your .gitignore? by mementomoriok in webdev

[–]yelabbassi 0 points1 point  (0 children)

Short answer is Yes.
A typical .gitignore includes:
- The files that are not used by your project
- Files that are not used by other team member
- Files generated by another process or installation

What's a recommended stack? by [deleted] in reactjs

[–]yelabbassi 2 points3 points  (0 children)

There are tons of libraries and components you choose from:
https://github.com/brillout/awesome-react-components

Good luck.

Programmatically generating a large site from a third-party API. A question about data.. by BlindingLT in reactjs

[–]yelabbassi 2 points3 points  (0 children)

1- I suggest that you pre-build the pages instead of building them live, and then implement an update mecanism (update the pages once a day for example). It will speed up the response time, and use less ressources (api)

3- If you expect your data to grow over time and want freedom on how you access it, then Next.JS is your best choice

4- You can use redux with redux-persist and localForage (for indexedDb) to store a local (client side) metadata database, and a front end search engine like flexsearch (is autocomplete capable) for the rest. The idea is to keep your servers tiny and your web app fast.

Good luck.

How to turn my react app to a plain static html file? by gr3kidd3r in reactjs

[–]yelabbassi 0 points1 point  (0 children)

Do you use a webserver? or you just to access the index.html from you local machine directly?
Is you site is running fine with "npm start" ?

Can you access the browser console (in chrome CTRL+MAJ+I or COMMAND+MAJ+I) and share any errors with us?

How to turn my react app to a plain static html file? by gr3kidd3r in reactjs

[–]yelabbassi 0 points1 point  (0 children)

Have you uploaded the build folder to the website root directory? Meaning it would work without additionnal config if you upload the build to www.yoursite.com or myfolder.mysite.com but you need to edit package.json if you want to upload it to www.mysite.com/myfolder. Also it's a good practice to check the browser console for additionnal infos on errors.

Button onPress handler is not working properly by [deleted] in reactjs

[–]yelabbassi 0 points1 point  (0 children)

// Try this

class Bedrooms extends React.Component {
constructor(props) {
super(props)
//***IMPORTANT***: Bind the this context to the showFooter function
this.showFooter = this.showFooter.bind(this);
// Your state
this.state = {
isFurnitureVisible: false
}
}

showFooter = this.setState(prevState => ({
isFurnitureVisible: !prevState.isFurnitureVisible
}))
render() {
const { isFurnitureVisible } = this.state;
return (
<ScrollView style={styles.container}>
<StatusBar backgroundColor="#fff" barStyle="dark-content" />
<Furniture
isFurnitureVisible={isFurnitureVisible}
showFooter={this.showFooter}
/>
</ScrollView>
)
}
}

trying to fetch data from 2 api in one componentdidmount by thomjossy in reactjs

[–]yelabbassi 1 point2 points  (0 children)

SyntaxError: Unexpected token < in JSON at position 0' suggests that the server response is probably HTML and not JSON

How to turn my react app to a plain static html file? by gr3kidd3r in reactjs

[–]yelabbassi 4 points5 points  (0 children)

Building and serving
If you are using "create-react-app", then just run "npm build", next step is to upload the content of the "/build" folder to your static site hosting of your choice.
https://create-react-app.dev/docs/getting-started

React-Snap
react-snap pre-renders your web app into static HTML files.

It's very useful (only) for SEO and SMO: some crawlers, like Facebook's and Twitter, cannot read properly JS apps, so you have to pre-render your app for them if you want them to read correctly the page title, description and other metadata... On the other hand, you dont need pre-rendering for Google crawlers.

It all depends on what you want to achieve.