https://github.com/luminir/nodejs-reactjs-chat-app
Using ChatEngine.io
https://github.com/luminir/nodejs-reactjs-chat-app
Last synced: about 1 year ago
JSON representation
Using ChatEngine.io
- Host: GitHub
- URL: https://github.com/luminir/nodejs-reactjs-chat-app
- Owner: Luminir
- Created: 2024-08-10T08:09:03.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-10T08:12:23.000Z (almost 2 years ago)
- Last Synced: 2025-02-15T13:44:05.968Z (over 1 year ago)
- Language: JavaScript
- Size: 58.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### Messenger chat app with no login
## A university senior gave me feedbacks on my codes, here is the lessons i took out from his words with a little bit reseach i did myself:
- Backend / frontend folder, for clear distinction.
- nodejs is env, nextjs is framework built on top of reactjs. Which enables server-side rendering, no need to route or use Express JS
- expressJS: is the HTTP server framework
- cors: allows us to process requests from other hosts (for our ReactJS app)
- axios: allows us to send HTTP requests to other servers (for Chat Engine APIs)
- nodemon: allows us to run the server in dev-mdoe
- process.env for backend, meta.env for frontend
// Yeah, i will learn more about those stuff
## backend folder
1. npm init ( to initialize node environment)
2. npm i express cors axios
3. npm i nodemon --save-dev
4. npm install dotenv
4. npm start ( start server)
## frontend folder
1. npm create vite@latest
2. npm install ( download all the dependencies)
3. npm run dev ( start the front end)