Where to start for workout project - reactjs

I have learned the basics of react and redux and now I want to make a workout planner with a range of exercise lists.
However, I didn't find a good workout API that has a lot of exercises. So I was wondering how I could make my own API which would consists of the picture of the exercise,which muscle it works and a short description on how to execute it.
Is a MERN stack suitable? Where can I store the pictures and information?
I have nearly no experience on Full Stack development, only a few tutorials so I'm sorry if this is a stupid question

There is no definite answer to your question.
This could be a simple Reactjs app or a more complex MERN app, depending on how you want to go about it.
The simple way would be to just create a JSON file that you can read and write from using React or even plain Javascript.
"id": "1",
"exercise": "Push Ups",
"imageLink": "https://image" etc...
The full stack way you would mainly be working on RESTful CRUD api using Node.js to create, edit, update and delete your exercises.
If you're still learning the I would suggest going full stack just for educational purposes. Maybe even add your own authentication and user levels (Admin, manager, trainer, student).

Related

Question about Chat-Game Application Spring WebSocket and React

First of all, i'm not good at english, so this article may not be smooth.. Please understand.
I planned a chat-quiz game web application project using spring and react.
In my opinion, it is not difficult to implement a simple chat service using Spring WebSocket and React.
However, i can't think of a way to run the quiz in real-time chat service..
For example, assume that i have many quiz sets and one of this is "1+1=?"
First, the game stats through voting while chatting betwwen users.
Afterwards, a problem is given and users deduce the correct answer to the problem. (In this case, the question is "1+1=?" and the correct answer is 2)
When many chats come up at the same time as users infer the correct answer, If a chat corresponding to the correct answer comes up among many chats, I'm trying to write code that treats that problem as the correct answer. And then, the next question is asked.
In this application, I'm wondering how to determine if chat is an answer or not..

I'm a beginner to React Redux. Will I be able to get some suggestions to develop some sample apps to improve myself in the subject?

I'm a quite beginner to React and Redux..Will I be able to get some suggestions on some sample apps to develop to improve myself in the mentioned subject area?
I am not sure whether you can get any sample project for the same. But if you want to learn, you can refer to the Udemy course React - The Complete Guide (incl Hooks, React Router, Redux)
Everything is explained in simple terms. As of now, the prices are high. Just look for some sales (comes very often). You can get it for Rs 700 or even less.
Many resources, free even for you to try. I would recommend using the official websites and just go with their tutorials to get a sense of how to make something small. That's how I started, some of them have interactive sample apps in CodePen or Sandbox. In Redux, for example, a Counter with React.
After that, it depends on what kind of application you want. On the official pages, they have example projects too:
https://reactjs.org/community/examples.html
https://redux.js.org/introduction/examples#examples
Doing a google search also has many example projects too.

A question about React Native Licence and any legal issues

We are currently in the planning phases of a new Social Media app. We want to build it in React Native, due to working with javascript, etc.
Now I couldn't get a complete answer when looking online but I want to ask you, if there would be any legal issues if would ever go public and get any success, since we would be a direct competitor with Facebook.
If you have any advice about this I would be were happy to hear it.
https://github.com/facebook/react-native/blob/master/LICENSE, This is on facebooks' own account.
Also there are resources like this on the web https://www.quora.com/What-are-the-conditions-of-the-React-Native-license

How can you build React on top of Drupal?

I've never used Drupal, but have been looking up tutorials online. My client would really like the adaptability of React and to have more flexibility in terms of design. I could make my own database and React app, but I have not studied security (I'm a team of one, so no one for security on my end, either). Security and access to a content management system was the main reason we decided to go with Drupal. However, I would still like to be able to code in React/something I'm familiar with to produce a site I am proud to say I made.
I've been Googling and Youtubing tutorials and help, but not having anyone to ask specific questions is making this difficult.
If anyone knows of a relatively easy way to build a React app on Drupal, I would really appreciate the advice. Or if there is a better way I should go about beginning a project as I've briefly mentioned above, I would also be open to that. Thank you in advance and sorry for the long message!
What you are asking is quite broad in concept and not easy to answer in just one answer post. Try to look for Headless / Decoupled Drupal.
https://www.acquia.com/drupal/decoupled-drupal
What this essentially means is that all the services and the content management are handled by Drupal while the core user experience or the way the site is displayed in a browser is controlled via a JavaScript framework such as React.js or backbone.js. This is achieved via Drupal’s RESTful API service.
Hope this helps.

porting an app built using Tornado framework to Django framework

I have an app that was developed using Tornado framework and Angularjs.
the app is basically a game with two type of users a moderator and players. the moderator and players exchange data in "real time" and a graph is updated based on their input.
I am a decent coder but new to web development and this is just an in case question. Since the app has some issues, and since I will have to learn a framework anyway, I would rather learn Django. I was wondering if there is a resource out there that makes the conversion easier?
What I am looking for is advice on how to tackle this in a way where I don't have to go through the documentation of both frameworks before I can do anything useful.
Ideally, I'd like to incrementally learn more about both frameworks as I make meaningful edits to the app.
From what I see you need to get familiar with two things. Django Rest Framework` which is a great tool, with a really good documentation. Basically it helps you to communicate with you application by REST API. And of course Django.
They also have a tutorial made for starting your way with Django. Which basically have everything needed to start. If you have an experience with Tornado, you will have no problem to work with Django. Here is a link to tutorial.

Resources