/Vue.js_authentication

A vue.js authentication templates.

Primary LanguageVueGNU General Public License v3.0GPL-3.0

Authentication Frontend

Welcome to the Authentication Frontend project! This Vue.js project serves as the frontend interface for interacting with our backend authentication APIs. Below, you'll find information on how to set up and run the frontend application.

Features

Authentication

  • Sign Up: Register new accounts securely. ✅
  • Email Verification: Verify user emails for enhanced security. ✅
  • Sign In: Secure login mechanism for registered users. ✅
  • Password Reset: Secure process for users to reset their passwords. ✅

User Profile

  • Profile Image: Upload and update profile images. ✅
  • Bio: Add, modify, or delete biography information. ✅
  • Username: Change usernames as needed. ✅
  • Remove Full Account: Remove all user data from the database.

Security Options

  • Attribute-based Authorization: Control resource access based on user attributes. ✅
  • Input Validation and Output Encoding: Protect against web vulnerabilities by validating inputs and encoding outputs. ✅

Startup Project

Requirements

  • Node.js
  • npm (Node Package Manager)

Installation

Clone the Frontend Repository:

git clone https://github.com/amiroooamiran/Vue.js_authentication.git

Install dependencies:

cd Vue.js_authentication
npm install

Configuration

  1. Open the main.js file of your Vue.js project.
  2. Find the section where axios is configured and set the base URL to match your backend server address:
    3. // Example: Change the baseURL to match your backend server address
axios.defaults.baseURL = "http://localhost:8000";

Run the Project

npm run serve

Docker Support

The project includes a Dockerfile, facilitating the deployment of the application within Docker containers. This simplifies the deployment process and ensures consistent behavior across various environments.

Run

Before running the application with Docker, ensure that Docker and docker-compose are installed on your system. If not, you can install them by following the official documentation.

To start Docker, use the following commands:

sudo systemctl start docker
sudo systemctl enable docker

after install Docker and Run docker on your ststem, move in project directory and up docker-compose file:

sudo docker-compose up

Thank You!

Thank you for choosing our Authentication Frontend project! If you have any questions or need further assistance, please don't hesitate to contact us. We're here to help ensure your experience with our project is smooth and successful.