Skip to content

emepuchades/task-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Task Manager

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

Tech stack

  • Reactjs
  • Firebase

Screenshot

Captura de Pantalla 2022-07-18 a las 11 08 50 task-manager-dashboard

Application setup

Firebase setup

  1. Go to Firebase and create your Firebase account
  2. Then click on Add project
  3. For this project you will not need to enable Google Analytics, but it's optional
  4. 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

  1. Google Account
  2. 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

  1. Install the project dependencies with the npm command.
npm install
  1. Run the application. The browser will be opened at http://localhost:3000/
npm start

Start contributing 💚👇

For more information check the CONTRIBUTING.md file