Skip to content
/ rt-chat Public

Full-Stack CRUD Blog App with Authentication

Notifications You must be signed in to change notification settings

vempr/rt-chat

Repository files navigation

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.

Installation

  1. Clone the repository:
git clone https://github.com/vempr/rt-chat
cd rt-chat
  1. Install dependencies:
npm install
  1. Create a MongoDB project with a free shared M0 cluster and create a database called rt-chat

  2. Create .env file in root folder of app (...../rt-chat):

MONGODB_URI=mongodb+srv://<username>:<password>@<project-name>.bdatxt6.mongodb.net/rt-chat?retryWrites=true&w=majority&appName=<project-name>
SECRET=<your-secret>
  1. Run npm run dev

  2. 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. Feel free to use, modify, and distribute the code according to the terms of the license.