/beela-learning

Beela Learning is an online education platform that delivers resources to immigrant women an non-binary people aspiring to start or boost their careers in tech. Our content ranges from Web development, UI/UX design, Project Management, Backend and Frontend Software Engineering and more. Join our hive today!

Primary LanguageTypeScript

Beela Learning

TypeScript react sass Firebase MIT

Overview

Beela Learning is an online education platform that delivers resources to immigrant women an non-binary people aspiring to start or boost their careers in tech. Our content ranges from Web development, UI/UX design, Project Management, Backend and Frontend Software Engineering and more. Join our hive today!

The goal of this project was to implement authentication, fetch data from a non-relational database, display items and allow for authorized users to add,edit and delete the data.

Click here to visit.


Upcoming updates

  • Profile page
  • Video playlists
  • Upgrade validations
  • Avatars

Table of Contents



Specification


The goal of this project was to build a multiple page Learning management system for Beela.

At Beela we are committed to decreasing the evident gap in the unemployment rate between foreign-born women, particularly those from non-European countries, and women and men born in Sweden.

Making a career transition is hard. We help immigrant women and non-binary people define their path, get unblocked, and meet their learning goals. Passion brought us here and we are empowering the next generation of talented immigrant women and non-binary people to realize their potential, creating a better future for all.


Project Organisation


Requirement gathering


Assignment


Project analysis


Google Spreadsheets link

Component tree


The component tree allows the visualization of the different parts of the application.

View on Miro

User Flow


View on Miro

Design mockup


Figma mockup

How to run the project


To run the project in the development mode, follow the instructions below:

Download or clone the repository in your computer:

$ git clone https://github.com/marcelala/beela-lpsl.git

In the repository folder:

  • install project dependencies with
npm install
  • start the development server with
npm start

To run the project in the production mode, use this command intstead:

npm run build


Dependencies & Tools Used


  • As a project generated with create-react-app, it includes React and ReactDOM as dependencies. It also includes a set of scripts used by Create React App as a development dependency.
  • Webpack for handling all assets, as Webpack offers a custom way of “extending” the concept of import beyond JavaScript.
  • React Router Dom for routing Navigation.
  • Node-SASS Sassy CSS for styling
  • Firebase for hosting the application.
  • Typescript enables the transpilation of mapbox in react applications.

DevDependencies



Attributions & Helpful Links