This Project is built using the MERN stack to test my skills with the MERN stack and explore new technologies like:
- Socket-io For two way live communication.
- GridFS for storing images in MongoDB.
This an abstract Diagram of How I handeld Compnent interaction with the Backend, authentecation And Access Control.
- Clone this Project Repo.
- run in your terminal
npm install
- then run
cd client
thennpm install
thencd..
- Create in the root directory a .env file
- Create a new MangoDB Database Get the DB connection string
- Put the string in .env and add a secret as follows:
mongoURI=mogodb_uri
jwtSecret=secter_key
- run
npm run dev
- Frontend
- React
- react-router-dom
- Redux
- axios
- form-data
- moment
- react-moment
- redux-thunk
- uuid
- socket.io-client
- Backend
- bcryptjs
- crypto
- dotenv
- express-validator
- express
- gridfs-stream
- jsonwebtoken
- method-override
- moment
- multer
- multer-gridfs-storage
- socket.io
- Backend Refactoring.
- auto scrool in chat
- chat alerts style