dianedouglas / skill_share

A social networking app for users to share and learn skills together. Built with Angular 2 and Firebase database.

Skill Swap

A social networking app for users to share and learn skills together. Built with Angular 2 and Firebase database.

Contributors:

• Lisa MacCarrigan
• Meredith Alcorn
• Diane Douglas

Description

A social networking app built to let users find each other based on shared interest in certain skills, such as musical instruments or a particular programming language. It was created in Angular 2 using a Firebase database.

It features:

• User Authentication with Firebase
• The ability to search for users based on a skill or their location
• A Many-to-Many relationship between users and skills
• User profile page to display each user's username, email, occupation, photo and skills.

Setup/Installation

To load this site locally (Mac):

1. Clone or download this repository, and in Terminal change directory into the top level of this folder.
2. Make sure you have node.js 6 or higher installed.
3. Install the Angular2 CLI globally with this command in any directory: npm install -g angular-cli. If you run into permissions errors, use sudo: sudo npm install -g angular-cli.
4. Install local dependencies by running: npm install
5. Install the TypeScript definitions manager globally: npm install typings --global, again use sudo if you run into permissions errors: sudo npm install typings --global
6. Load the app by running ng serve.
7. In your browser, navigate to http://localhost:4200.

There you can click Community to view existing users and search by skill name or user name. Or you can sign up for an account, create your own user profile and add skills to it describing your level of experience with each one.

Support and contact details

Please feel free to fork this repository and submit pull requests back. You can also contact me here:

• Email: [email protected]
• My Website: www.MelodicCode.com

Technologies Used

• Angular2
• Firebase
• TypeScript

skill_share's Issues

Issues when setting this project in Windows 10

This is not a bug or feature request but additional instructions that i think should be added as i felt the given ones were incomplete
1.The first issue that i encountered when i gave the command npm install was that there is no python2 installed try setting PYTHON environment variable i dont know what was the real reason for it but i ran this command npm --add-python-to-path='true' --debug install --global windows-build-tools
after that when i did npm install with this command npm install package.json --msvs_version=2017
2.As i have latest @angular/cli package which is 7.3.4 which is installed globally and this project is made on old cli so i recommend to add the @angular/cli package in package.json file in dependencies and with version set to 2,3.1 and in scripts add "ng":"ng" and then run npm run script start