https://github.com/thiagohrcosta/ignite-savepass-reactnative

This project was developed along the promoted React Native specialization created by Rocketseat as a condition for approval and certification. The objective was to create an application capable of storing a user's passwords in a single place
https://github.com/thiagohrcosta/ignite-savepass-reactnative

expo react-native styled-components typescript

Last synced: 3 months ago
JSON representation

This project was developed along the promoted React Native specialization created by Rocketseat as a condition for approval and certification. The objective was to create an application capable of storing a user's passwords in a single place

• Host: GitHub
• URL: https://github.com/thiagohrcosta/ignite-savepass-reactnative
• Owner: thiagohrcosta
• Created: 2022-10-31T01:40:20.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-05T20:01:27.000Z (over 3 years ago)
• Last Synced: 2025-02-03T23:31:28.715Z (over 1 year ago)
• Topics: expo, react-native, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 213 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

![banner](https://res.cloudinary.com/dloadb2bx/image/upload/v1667677466/savepass_ubkdyc.jpg)

# SavePass

This project was developed along the promoted React Native specialization created by Rocketseat as a condition for approval and certification. The objective was to create an application capable of storing a user's passwords in a single place.

The user can register and identify which platform a password belongs to and the email registered there for login. It is also possible to perform case-insentitive searches in order to help the user experience.

## Technologies used

![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white) ![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white) ![Expo](https://img.shields.io/badge/expo-1C1E24?style=for-the-badge&logo=expo&logoColor=#D04A37)

Others technologies used:

- [Date Fns](https://date-fns.org/)

- [React Native Uuid](https://www.npmjs.com/package/react-native-uuid)

-  [React Native Responsive Fontsize](https://www.npmjs.com/package/react-native-responsive-fontsize)

- [React Native SVG](https://www.npmjs.com/package/react-native-svg)

-  [Yup](https://github.com/jquense/yup)

## What user can do?

A user can:

- View a dashboard with all their passwords;

- Add new password;

- Search for a password.

![](https://res.cloudinary.com/dloadb2bx/image/upload/v1667678266/Anima%C3%A7%C3%A3o5_kuzx1a.gif)  |  ![](https://res.cloudinary.com/dloadb2bx/image/upload/v1667678266/Anima%C3%A7%C3%A3o6_afbnkt.gif)

## How to run this project

This project use expo, so after clone this repository run `yarn install` on the main folder, and then run `expo start`.