Let's Talk About Business app (before FLAD-Mentorship)

This app helps to link people to participate as a mentor or a mentee in the program Let's talk about business in coordination with the Flad-Mentorship program, sponsored by the Luso-American Development Foundation.

Development Notes

Let's Talk About Business app was bootstrapped with Create React App. The project uses the Firebase Realtime Database and Storage.

To build the application

The first step is to clone this repository in your local machine and then, open a terminal and cd into the project directory

1. run npm install

This command will install all the necessary dependencies. Material-ui, firebase, react-to-print and ramda are some of them.

The file package.json contains the complete list of dependencies for this project.

2. Create a project in Firebase

In order to try this app you may create a new project in the Firebase Console. You can create a free account here

3. Enable Email/Password as authentication method in your Firebase project

This step is important in order to be able to create accounts in your Firebase project and try the functionality available for the different roles of the program: mentor, mentee and coordinator.

To enable Email/Password as authentication method in your Firebase project:

• Go to the Firebase console, open the Auth section.
• On the Sign in method tab, enable the Email/password sign-in method and click Save.

4. Create a folder for images

Next you will need to create a folder to store the pictures of the mentors participating in Let's Talk About Business program.

• Go to the Firebase console, open the Storage section.
• On the Files tab, click in the icon "create folder".
• Name your new folder images

5. Set the environment variables

Once you have created your project in Firebase, create manually the files .env.production and .env.dev in the root of your project. Type, in both files, the keys generated to connect to your database as follow:

REACT_APP_API_KEY = "your-api-key"

REACT_APP_AUTH_DOMAIN = "your-auth-domain"

REACT_APP_DATABASE_URL = "your-database-url"

REACT_APP_PROJECT_ID = "your-project-id"

REACT_APP_STORAGE_BUCKET = "your-storage-bucket"

REACT_APP_MESSAGING_SENDER_ID = "your-messaging-sender-id"

This files have been included in .gitignore file to avoid publishing private information.

6. Run npm start

This command runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

7. Run npm run build

This command builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

Contributors

• Perla Jarillo
• Fabiola Vieyra

Contributor Guidelines

If you're looking for a place to start contributing code, check out this list of issues that are ready for someone to pick up and start on. The process to contribute in this repository is:

1. Comment on the issue that you're going to be working on it. This will help us to avoid work duplication.
2. Fork the repository.
3. Start coding.
4. Make a PR when you are ready.
5. A member of Let's Talk About Business app will review your contribution and ask for any necessary changes and/or approve and merge.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.