Linkedin Clone - Authentication pages

I started this projetct to learn more about, one of the features of firebase(Authentication), the configuration of tailwindcss in a reactjs project and the formik library together with yup for validation.
A linkedin clone, it was a great project with the purpose of learning more about these development tools and practicing: environment variables, page with authentication protection, reactjs context, page 404, tailwindcss themes and the documentation itself.

🚧 Documentation 🚀 In Build... 🚧

Table of Contents:

• Features
• How to run
• Technologies
• Issues
• License and Author

Features

• Use can signup;
• Use can signin;
• Use can signout;

How to run

1. Make Download:

   1.1. In this link: clone-linkedin-signin

   1.2. Or, make a git clone https://github.com/ldantas-s/clone-linkedin-signin.git

2. After that you make download or clone repository, in the project folder you should create a .env file with the variables below and yours values:

The tutorial in this Creating a project on Firebase it will help you create a project in the firebase and get the values to apply on the variables below.

REACT_APP_API_KEY=[VALUE]
REACT_APP_AUTH_DOMAIN=[VALUE]
REACT_APP_PROJECT_ID=[VALUE]
REACT_APP_STORAGE_BUCKET=[VALUE]
REACT_APP_MESSAGING_SENDER_ID=[VALUE]
REACT_APP_ID=[VALUE]

For you use the authentication function of firebase, you need to active the E-mail/password of the Sign-in method

3. Now, you will run the commands below in the terminal:

   3.1. yarn or npm install to install the dependencies;

   3.2. yarn start or npm start to run the project;

Go top

Technologies

• Create-react-app
• Formik
• Yup
• Tailwindcss
• Firebase
• React-router-dom
• React-icons

Go top

Issues

Do you found some bug or want to improve the project? Feel free to open a issue or contact me! I will happily review your pull request.

Go top

License and Author

This project is under MIT License and it was developed with exciting by Luciano Dantas.

Go top