https://github.com/vempr/rt-chat
Full-Stack CRUD Blog App with Authentication
https://github.com/vempr/rt-chat
express mongodb mongoose nodejs passportjs react react-hook-form react-router redux-toolkit tailwindcss zod
Last synced: 3 months ago
JSON representation
Full-Stack CRUD Blog App with Authentication
- Host: GitHub
- URL: https://github.com/vempr/rt-chat
- Owner: vempr
- Created: 2024-06-08T08:33:23.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-13T17:22:15.000Z (about 2 years ago)
- Last Synced: 2025-03-01T13:28:45.542Z (over 1 year ago)
- Topics: express, mongodb, mongoose, nodejs, passportjs, react, react-hook-form, react-router, redux-toolkit, tailwindcss, zod
- Language: TypeScript
- Homepage:
- Size: 2.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rt-chat
rt-chat is a full-stack application built for real-time blogging and user management. It features a React frontend coupled with a Node.js/Express backend, utilizing MongoDB (Mongoose) for data storage. Authentication is handled using Passport.js with local strategy. This project is what I decided to take on, after learning some backend basics with [Anson the Dev's Course on Express.js](https://www.youtube.com/watch?v=nH9E25nkk3I).
## Installation
1. Clone the repository:
```
git clone https://github.com/vempr/rt-chat
cd rt-chat
```
2. Install dependencies:
```
npm install
```
3. Create a MongoDB project with a free shared M0 cluster and create a database called `rt-chat`
4. Create .env file in root folder of app (...../rt-chat):
```
MONGODB_URI=mongodb+srv://:@.bdatxt6.mongodb.net/rt-chat?retryWrites=true&w=majority&appName=
SECRET=
```
5. Run `npm run dev`
6. Have fun!
## Screenshots
### Home Page


### Create Blog Page

### Blog Page

### Sign In/Sign Up Page




### Account Details Page


## Dependencies
- Frontend: React, React Router, Redux Toolkit, Tailwind CSS
- Backend: Express, MongoDB, Mongoose, Passport.js
- Development: TypeScript, ESLint, Prettier, Vite, ThunderClient
## License
This project is licensed under the [MIT License](https://opensource.org/license/mit). Feel free to use, modify, and distribute the code according to the terms of the license.