StreamLine

A dynamic React blogging platform for crafting and sharing content across diverse categories, with options to allow users to comment on different posts.

Technologies Used

1. ReactJS for the UI Design
2. Node/ExpressJS for the Backend.
3. MongoDB for the Database Storage.

Libraries Used:

• React
• React-Router
• React-Quill (For Editor Purposes) Ref
• React-Mutli-Select-Component (To add tags). Ref
• React-Toastify (For showing toast-based messages) Ref
• date-fns (A Date-based formatting util) Ref
• Bcryptjs (To store hashed passwords) Ref
• JWT (JSON Web Tokens for authorization/authentication) : Ref
• Multer (To Handle 'File' Upload) : Ref

Instructions (for execution):

• The project has been divided into two subparts: client (for React), and server (for node/express).

• For running both ends, we need to install the necessary dependencies, so run npm install on respective folders.

• After the dependencies are installed, we can individually run both ends.

  1. For running the server (back-end), execute npm run dev (running on port 4000, by default)
  2. For running the client (front-end), execute npm start (running on port 3000).

• The server folder contains a '.env' which has the following environment variables:

  1. MONGODB_URI - Your Mongo DB URI (for storage purposes).
  2. PORT - Default port to run the server application.
  3. JWT_SECRET - a random string (20 bytes) used to generate JSON web tokens.