https://github.com/its-me-ak/authflow
AuthFlow is a full-stack auth system using React, Tailwind CSS, Zustand, Node.js, Express, and MongoDB. It offers a clean UI with secure sign-up, login, session handling, and protected routes perfect as a starter kit for modern web apps needing robust authentication.
https://github.com/its-me-ak/authflow
expressjs jwt mongodb motion nodejs react-router-dom reactjs tailwindcss zustand
Last synced: 4 months ago
JSON representation
AuthFlow is a full-stack auth system using React, Tailwind CSS, Zustand, Node.js, Express, and MongoDB. It offers a clean UI with secure sign-up, login, session handling, and protected routes perfect as a starter kit for modern web apps needing robust authentication.
- Host: GitHub
- URL: https://github.com/its-me-ak/authflow
- Owner: Its-me-ak
- Created: 2025-05-18T12:23:21.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-05-31T14:36:47.000Z (4 months ago)
- Last Synced: 2025-06-01T02:18:31.210Z (4 months ago)
- Topics: expressjs, jwt, mongodb, motion, nodejs, react-router-dom, reactjs, tailwindcss, zustand
- Language: JavaScript
- Homepage: https://authflow-wt2e.onrender.com/
- Size: 240 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AuthFlow
A project by [Its-me-ak](https://github.com/Its-me-ak)
[](https://github.com/Its-me-ak/AuthFlow)
[](https://github.com/Its-me-ak/AuthFlow)
[](https://github.com/Its-me-ak/AuthFlow/issues)
This project utilizes a modern tech stack to provide a robust authentication flow.
**Homepage:** [https://authflow-wt2e.onrender.com/](https://authflow-wt2e.onrender.com/)
## 🚀 Installation
Follow these steps to get the project up and running on your local machine.
### Prerequisites
Before you begin, ensure you have the following installed:
* [Node.js](https://nodejs.org/en/) (v18 or higher)
* [npm](https://www.npmjs.com/) (v6 or higher) or [Yarn](https://yarnpkg.com/)
* [MongoDB](https://www.mongodb.com/)
### Steps
1. **Clone the repository:**
```bash
git clone https://github.com/Its-me-ak/AuthFlow.git
cd AuthFlow
```
2. **Install dependencies:**
* **Backend:**
```bash
cd backend
npm install
cd ..
```
* **Frontend:**
```bash
cd frontend
npm install
cd ..
```
3. **Configure environment variables:**
* Create a `.env` file in the `backend` directory.
* Add the following variables, replacing the placeholders with your actual values:
```
NODE_ENV=development # or production
MONGODB_URI=
JWT_SECRET=
# Add other necessary environment variables
```
4. **Run the application:**
* **Backend:**
```bash
cd backend
npm run dev # or npm run start for production
cd ..
```
* **Frontend:**
```bash
cd frontend
npm start
cd ..
```
## ✨ Key Features
* **Secure Authentication:** Implements JWT (JSON Web Tokens) for secure user authentication.
* **User Management:** Provides functionalities for user registration, login, and profile management.
* **Modern Tech Stack:** Built with Express.js, React, Tailwind CSS, and other modern technologies.
* **Database Integration:** Uses MongoDB for storing user data and other application data.
* **Responsive Design:** The frontend is built with Tailwind CSS, ensuring a responsive and user-friendly experience across different devices.
* **State Management:** Utilizes Zustand for efficient state management in the React frontend.
## 🤝 Contributing
Contributions are welcome! Here's how you can contribute:
1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive commit messages.
4. Push your changes to your fork.
5. Submit a pull request to the main branch of the original repository.
Please ensure your code follows the project's coding style and includes appropriate tests.
```