AmlrSF / ReactHub-crud-posts

Dynamic app: Admin controls post CRUD on a sleek dashboard; clients engage and react seamlessly with posts

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dashboard App - README

Features

  • User registration: Users can create a new account by providing their username, email, and password.
  • User login: Registered users can log in using their email and password.
  • JWT token authentication: Upon successful login, users receive a JSON Web Token (JWT) that authenticates subsequent API requests.
  • CRUD operations: Authenticated users can perform CRUD operations on various resources.

Technologies Used

Backend

  • Programming Language: [Node.js]
  • Web Framework: [Express]
  • Database: [MongoDB]
  • JWT Library: [jsonwebtoken]

Frontend

  • Programming Language: [JavaScript]
  • Framework: [React]
  • UI Library: [STailwind CSS]

Setup Instructions

Follow these steps to set up and run the Dashboard App:

  1. Clone the repository: git clone <repository_url>
  2. Install the required dependencies for both backend and frontend.
  3. Set up the database and configure the connection.
  4. Configure the JWT secret key for token generation and verification.
  5. Run the backend server.
  6. Run the frontend application.
  7. Access the Dashboard App in your web browser.

Contributing

Contributions to the Dashboard App are welcome. If you find any issues or have improvements to suggest, please create a pull request or open an issue on the repository.

Acknowledgements

List any acknowledgements, libraries, or resources used in the project.

upadate user interface

image

create post interface

image

posts

image

About

Dynamic app: Admin controls post CRUD on a sleek dashboard; clients engage and react seamlessly with posts


Languages

Language:JavaScript 97.2%Language:CSS 1.7%Language:HTML 1.1%