chiztechnology/react-hono-authentication-app

This is a simple react app for authenticating users and display JWT informations in profile card using a Hono server responsible for proxying requests to the authentication API.

React Hono Authentication App

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Usage
• 🚀Live Demo
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 React Hono Authentication App

React Hono Authentication App This is a simple react app for authenticating users and display JWT informations in profile card using a Hono server responsible for proxying requests to the authentication API.

🛠 Built With

Tech Stack

This project was implemented using:

Client

• React.js
• Vite

Server

• Hono

Key Features

• Authentication with Hono server
• Manage Global state with Redux
• Display profile from JWT response data
• Logout

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

In order to run this project you need to have installed:

• You’ll need to have Nodejs on your machine.

Optionally, in order to modify this project you should to have installed:

• Git.

• Code editor like: Visual Studio code, or others...

Setup

To clone this repository to your desired folder:

git clone https://github.com/chiztechnology/react-hono-authentication-app.git

• Access the cloned directory with:

cd react-hono-authentication-app

• Open it with your favorite code editor.

Usage

In order to launch the app, it's mandatory to install the node dependencies then run the project

first install the dependencies

npm install

then run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

(back to top)

🚀Live Demo

• Click here to test the live version deployed on render

• Watch this short video presentation of by clicking on this link

(back to top)

👥 Author

👤 Israel CHIZUNGU

• GitHub: chiztechnology
• Twitter: IsraelChizungu
• LinkedIn: IsraelChizungu
• Portfolio: IsraelCH

(back to top)

🔭 Future Features

We will implement this on the future:

• Fix api endpoint

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

For the open source dev communities, espacially the TailwindCSS community I address my gratitude

(back to top)

📝 License

This project is MIT licensed.

(back to top)