Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ismaelvr1999/cipherguard

Welcome to CipherGuard, a web application for the secure management of passwords, credit cards, and passports.
https://github.com/ismaelvr1999/cipherguard

axios css jsx react

Last synced: 12 days ago
JSON representation

Welcome to CipherGuard, a web application for the secure management of passwords, credit cards, and passports.

Host: GitHub
URL: https://github.com/ismaelvr1999/cipherguard
Owner: ismaelvr1999
Created: 2024-06-10T22:12:07.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-08-18T03:47:00.000Z (5 months ago)
Last Synced: 2024-11-07T19:46:46.752Z (2 months ago)
Topics: axios, css, jsx, react
Language: JavaScript
Homepage:
Size: 667 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # CipherGuard Frontend

Welcome to **CipherGuard**, a web application for the secure management of passwords, credit cards, and passports. 

# Table of Contents 📚

- [Description 📝](#Description-)

  - [Author](#Author)

  - [Backend Repository](#Backend-Repository)

- [Screenshots 📸](#Screenshots-)

- [Tech Stack 🔧](#Tech-Stack-)

- [Installation 📦](#Installation-)

# Description 📝

CipherGuard is designed to help you store, organize, and access your sensitive information easily and quickly.

## Backend Repository

The backend for CipherGuard can be found at the following repository:

[CipherGuard_API](https://github.com/ismaelvr1999/CipherGuard_API)

## Author

- [@ismaelvr1999](https://www.github.com/ismaelvr1999)

# Screenshots 📸

### Login Screen

![Login Screen](./screenshots/login.png)

### Sign Up Screen

![Login Screen](./screenshots/sign-up.png)

### Home Screen

![Home Screen](./screenshots/home.png)

### Websites Accounts Screen

![Add Password Screen](./screenshots/websites-accounts.png)

### Cards Screen

![Add Password Screen](./screenshots/cards.png)

### Passports Screen

![Add Password Screen](./screenshots/passports.png)

# Tech Stack 🔧

This project utilizes the following technologies:

- **React** ⚛️: A library for building dynamic user interfaces.

- **JSX** 📝: A syntax extension for JavaScript that allows writing HTML elements in React.

- **CSS** 🎨: Stylesheets used to design and layout the application.

- **JavaScript (JS)** 💻: The programming language used to add interactivity and functionality.

- **Axios** 🌐: A promise-based HTTP client for making API requests.

- **react-router-dom** 🗺️: A library for handling routing and navigation in React applications.

# Installation 📦

To run this project locally, follow these steps:

1. **Clone the repository.**

   ```bash

   git clone https://github.com/ismaelvr1999/CipherGuard.git

2. **Install dependencies.**

   ```bash

   cd  CipherGuard

   npm install

3. **Set up environment variables.**

Create a .env file in the root of the project and add the following variables:

   ```env

    PORT=your_application_port

4. **Start the server.**

    ```bash

    npm start