Building A Blog in ReactJS, NodeJS, MySQL - Part #1

In this small series I am going to be teaching how to make a simple blog website with ReactJS, NodeJS, Express, and MySQL. This is a three to four part series. The first video I setup the react part of the app and manage a bit of the backend. The second video will include the database request part and making the api.

We are going to able to see blog posts, and maybe do some styling!

Any questions you can comment down below!
Please leave a comment on what topic you guys want me to cover next!

SUBSCRIBE!

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

[massimilianofontana]

Hi Pedro, in the server folder do I have to do "Create React App" and then install "yarn add express nodemon" or create the folder and then install "yarn add express nodemon"? Thank you

[Nandysolitude]

I have one doubt how to run the visual studio code using any keys or shortcuts?

[croanna_]

This type of routes doesn't work anymore, you have to write App.js this way:

import "./App.css";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import MainPage from "./pages/MainPage";
import CreatePost from "./pages/CreatePost";

function App() {
return (
<BrowserRouter>
<div className="App">
<>
<div className="navbar">
<div className="links">
<a href="/">Main Page</a>
<a href="/createpost">Create Post</a>
</div>
</div>

<Routes>
<Route path="/" index element={<MainPage />}></Route>
<Route path="/createpost" element={<CreatePost />}></Route>
</Routes>
</>
</div>
</BrowserRouter>
);
}

[גלזקן]

What do I need to install in the server package?

[kmax]

Hi Pedro, how can I solve this problem -> "Uncaught Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.". I hope your reply soon.

[srikanthsriganji]

Hi Pedro, in website blogs only admin can write and post, for that admin require login page right, i think if you work on login that will be helpful for me, and i'm waiting for 3rd video in this series.

[tajhacker]

I don't know why but my css isn't working on this video and the crud application also :(

[sid_ali.b]

hey man, why my router doesnt works, is there a new version ?

[RM-clgp]

Hi! I'm from Japan. I'm a beginner as a engineer. I want you to help to create web app. I want to create a Blog site using React, Node.js, express, Mysql.
My problem is that I don't know what I should use for admin page or login page. Because I have to follow the instructions below.

[Admin page]


The Administrator can watch a list of posts and detail.
4.Editors can edit their posts.
[Blog page]
1.Everyone can watch everyone's Posts.

[thiagomoyses]

Pedro, are u Brazilian ? Just curious, cause i can see your accent look like mine hahahah