Coursla 🌿

Project Description

Our project, BBY-09, is developing online course integration platforms to assist students and working professionals struggling to find suitable online courses with key features such as filtering and sorting.

Technologies

Frontend:

VS Code 1.56.2
HTML5
CSS3
JS(ES2022)
Bootstrap 5.3.0
JQuery 3.6.0
sweetalert2 11.1.0

Backend:

Kaggle
Node.js 16.0.0

Database:

MongoDB 5.0
Firestore Cloud Storage

Development Tools:

SourceTree 4.2.2
ChatGPT
GitHub
Sublime Merge 2.0.0
Studio 3T 2022.11

Files

.
├── README.md
├── databaseConnection.js
├── index.js
├── middleware
│   ├── admin.js
│   ├── edit-profile.js
│   ├── index.js
│   ├── login.js
│   ├── review.js
│   ├── session.js
│   └── signup.js
├── public
│   ├── css
│   │   ├── all-reviews.css
│   │   ├── bookmarks.css
│   │   ├── bootstrap.css
│   │   ├── common.css
│   │   ├── confetti-rain.css
│   │   ├── course-detail.css
│   │   ├── coursecard.css
│   │   ├── custom.css
│   │   ├── easter-egg.css
│   │   ├── edit-review.css
│   │   ├── form.css
│   │   ├── header.css
│   │   ├── main.css
│   │   ├── my-reviews.css
│   │   ├── profile.css
│   │   ├── read-my-review-card.css
│   │   ├── read-review-card.css
│   │   ├── reviewcard2.css
│   │   ├── search-list.css
│   │   ├── search.css
│   │   ├── slider.css
│   │   └── write-review-card.css
│   ├── font
│   │   └── Lato
│   │       ├── Lato-Black.ttf
│   │       ├── Lato-BlackItalic.ttf
│   │       ├── Lato-Bold.ttf
│   │       ├── Lato-BoldItalic.ttf
│   │       ├── Lato-Italic.ttf
│   │       ├── Lato-Light.ttf
│   │       ├── Lato-LightItalic.ttf
│   │       ├── Lato-Regular.ttf
│   │       ├── Lato-Thin.ttf
│   │       ├── Lato-ThinItalic.ttf
│   │       └── OFL.txt
│   ├── image
│   │   ├── ads_main.png
│   │   ├── avatar.png
│   │   ├── bookmark.png
│   │   ├── camera.png
│   │   ├── closemenu.png
│   │   ├── complete.png
│   │   ├── coursla_main.png
│   │   ├── crown.png
│   │   ├── favicon.ico
│   │   ├── logo-coursera.svg
│   │   ├── logo-round-coursera.png
│   │   ├── logo-round-udemy.webp
│   │   ├── logo-udemy.svg
│   │   ├── openmenu.png
│   │   ├── randomimage
│   │   │   ├── 1.jpeg
│   │   │   ├── 2.jpeg
│   │   │   ├── 3.jpeg
│   │   │   ├── 4.jpeg
│   │   │   ├── 5.jpeg
│   │   │   ├── 6.jpeg
│   │   │   ├── 7.jpeg
│   │   │   ├── 8.jpeg
│   │   │   └── 9.jpeg
│   │   ├── rating.png
│   │   ├── reviews.png
│   │   ├── rick-roll-rick-ashley.gif
│   │   ├── rick-roll-rick-rolled.gif
│   │   ├── selective.png
│   │   ├── setting.png
│   │   └── udemy.png
│   └── js
│       ├── bookmark.js
│       ├── common.js
│       ├── confetti-rain.js
│       ├── easter-egg.js
│       ├── image.js
│       ├── modal.js
│       └── search-list.js
├── utils.js
└── views
    ├── 404.ejs
    ├── all-reviews.ejs
    ├── bookmarks.ejs
    ├── change-password.ejs
    ├── course-detail.ejs
    ├── edit-my-review.ejs
    ├── edit-profile.ejs
    ├── edit-review.ejs
    ├── error.ejs
    ├── find-password.ejs
    ├── index-afterLogin.ejs
    ├── index.ejs
    ├── login-submit.ejs
    ├── login.ejs
    ├── my-review.ejs
    ├── profile.ejs
    ├── read-my-review.ejs
    ├── read-review.ejs
    ├── reset-password.ejs
    ├── search-results.ejs
    ├── signup-submit.ejs
    ├── signup.ejs
    ├── templates
    │   ├── bookmarks-list.ejs
    │   ├── easter-egg.ejs
    │   ├── footer.ejs
    │   ├── head.ejs
    │   ├── header-beforeLogin.ejs
    │   ├── header-index-beforeLogin.ejs
    │   ├── header.ejs
    │   ├── list.ejs
    │   ├── loader.ejs
    │   ├── nav-beforeLogin.ejs
    │   ├── nav.ejs
    │   ├── profile-avatar.ejs
    │   ├── read-slider.ejs
    │   ├── write-slider-dontchange.ejs
    │   └── write-slider.ejs
    └── write-review.ejs

Installation

To install and run the project, follow these steps:

Install Node.js:
- Download and install Node.js from the official website (https://nodejs.org).
- Follow the installation instructions for your operating system.

Clone the GitHub repository:
- Open a terminal or command prompt.
- Change to the directory where you want to clone the repository.
- Run the following command to clone the repository:
- git clone
- Replace with the URL of the GitHub repository.

Install project dependencies:
- Navigate to the project directory in the terminal or command prompt.
- Run the following command to install the dependencies listed in the project's package.json file:
- npm install
- Replace with the URL of the GitHub repository.

Set up environment variables:
- Create a .env file in the project root directory.
- Add the necessary environment variables to the .env file. Refer to the project documentation or the .env.example file for the required variables.

Set up the database:
- Install and set up MongoDB.
- Configure the MongoDB connection URL in the .env file.

Run the project:
- Run the following command to start the server:
- npm start
- The server should start running, and you should see a message indicating the port on which the server is listening.

Access the web app:
- Open a web browser.
- Enter the URL http://localhost: in the address bar.
- Replace with the port number specified in the console output.

Features

1. Search and Filter Online Courses:

Utilize the search functionality to find courses based on keywords.
Apply filters such as course provider, difficulty level, or sorting to narrow down your search results.

2. See Course Details:

Click on a course to access its detailed information.
Explore the course provider, difficulty level, enrollment number, description, provider and Coursla rating.
Click on external link to go to the online course provider.

3. Read and Write Reviews for Courses:

Find the review section or option for each course.
Read reviews left by other users to gain insights and perspectives.
Write your own reviews, providing feedback on the course content, instructor, or learning experience.

4. Bookmark Courses for Later Viewing:

Look for a bookmark or save feature associated with each course.
Click on the bookmark icon or use the provided option to save courses of interest.
Access your bookmarked courses later in your account or profile section.

AI and Coursla

As per the project theme, we relied on AI technology to help develop our app. We used ChatGPT to help us generate project ideas, create functions, design our functions, and debug our code. In addition, we have employed ChatGpt to assist in the composition of professional documents.

For our project, we used two MOOC dataset that were publicly available on Kaggle. Iniitally, we attempted to use ChatGPT to help us sort all of the courses into ten categories. However, our team noticed that there were too many values (7000+ data points) and we learned that ChatGPT could only process the datasets in small batches. Because of this, we didn't use AI to clean our dataset. Instead, we cleaned our dataset manually using another tool (studio 3T).

Coursla used AI for the development of the application but it was not incorporated within the application itself.

Credits, References, and Licenses

## Contributors

[Ai (Chelsea) Yang](https://github.com/chelseaY119)
[Heesun Lee](https://github.com/heesun-task)
[Yerim Moon](https://github.com/yerim01)
[Riz Nur Saidy](https://github.com/rizgif)

## Special Thanks

Hoda/BCIT

## References

Node.js: Official website and documentation - https://nodejs.org

ChatGPT by OpenAI: OpenAI website and documentation - https://www.openai.com

Visual Studio Code: Official website and documentation - https://code.visualstudio.com

Bootstrap: Official website and documentation - https://getbootstrap.com

jQuery: Official website and documentation - https://jquery.com

sweetalert2: GitHub repository - https://github.com/sweetalert2/sweetalert2

Kaggle: Kaggle website and dataset documentation - https://www.kaggle.com

MongoDB: Official website and documentation - https://www.mongodb.com

Firestore Cloud Storage: Google Cloud Firestore documentation - https://cloud.google.com/firestore

SourceTree: Official website and documentation - https://www.sourcetreeapp.com

GitHub: Official website and documentation - https://github.com

Sublime Merge: Official website and documentation - https://www.sublimemerge.com

Studio3T: Official website and documentation - https://studio3t.com

## Licenses

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Testing Plan

https://docs.google.com/spreadsheets/d/1R2CTAVH1uW8hAfJFPMFDrY7AkzYZVItiOzR5ZkBB2FQ/edit#gid=394496370

Contact Information

Ai (Chelsea) Yang: ayang106@my.bcit.ca
Heesun Lee: hlee532@my.bcit.ca
Yerim Moon: ymoon10@my.bcit.ca
Riz Nur Saidy: rnursaidy@my.bcit.ca

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

Coursla 🌿

Project Description

Technologies

Files

Installation

Features

1. Search and Filter Online Courses:

2. See Course Details:

3. Read and Write Reviews for Courses:

4. Bookmark Courses for Later Viewing:

AI and Coursla

Credits, References, and Licenses

## Contributors

## Special Thanks

## References

## Licenses

Testing Plan

Contact Information

About

Uh oh!

Releases

Packages

Uh oh!

Contributors 4

Uh oh!

Languages

Name		Name	Last commit message	Last commit date
Latest commit History 616 Commits
middleware		middleware
public		public
views		views
.gitignore		.gitignore
README.md		README.md
databaseConnection.js		databaseConnection.js
index.js		index.js
package.json		package.json
utils.js		utils.js

rizgif/Coursla-App

Folders and files

Latest commit

History

Repository files navigation

Coursla 🌿

Project Description

Technologies

Files

Installation

Features

1. Search and Filter Online Courses:

2. See Course Details:

3. Read and Write Reviews for Courses:

4. Bookmark Courses for Later Viewing:

AI and Coursla

Credits, References, and Licenses

## Contributors

## Special Thanks

## References

## Licenses

Testing Plan

Contact Information

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors 4

Uh oh!

Languages

Packages