Task Manager

Task Manager is a platform that allows the creation, edition, and overall management of your tasks.

Tech stack

Reactjs
Firebase

Screenshot

Application setup

Firebase setup

Go to Firebase and create your Firebase account
Then click on Add project
For this project you will not need to enable Google Analytics, but it's optional
Click on Add Firebase

For more information, go to First steps with Firebase

Web app registration

To register an application for your project, follow these steps

The information generated in this step needs to be inserted in the .env file and placed in the firebase.js file.

const firebaseConfig = {
    // Your configuration and your keys
    apiKey: process.env.REACT_APP_APIKEY,
    authDomain: process.env.REACT_APP_AUTHDOMAIN,
    projectId: process.env.REACT_APP_PROJECTID,
    storageBucket: process.env.REACT_APP_STORAGEBUCKET,
    messagingSenderId: process.env.REACT_APP_MESSAGINGID,
    appId: process.env.REACT_APP_APPID,
}

Enable Authentication

You will need to enable two authentication patterns

Google Account
Email and password

For more information about enabling authentication, click here

Enable Firetore Database

Go to Compilation > Firestore Database and enable a cloud store database for the project (test-based)

For more information about enabling firestore database, click here

Configuration

Rename the .env.example and place the information generated in the prior step here. Also, do not forget to provide the same information in the firebase.js file.

Start the application

Install the project dependencies with the npm command.

npm install

Run the application. The browser will be opened at http://localhost:3000/

npm start

Start contributing 💚👇

For more information check the CONTRIBUTING.md file

emepuchades/task-manager