This is the frontend codebase for Beela's projects. This includes Beela's Website and BeelaHive.

The backend can be found here.

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.

BeelaHive delivers resources to immigrant women and 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!

Click here to visit.

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/techfleetworks/Beela-phase-3.git

In the repository folder:

• install project dependencies with

yarn install

• start the development server with

yarn dev

• open http://localhost:3000 to view it in the browser.

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

yarn build

• Next.js: Next.js is a flexible React framework that gives you building blocks to create fast web applications. hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
• React: A JavaScript library for building user interfaces
• Typescript: TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
• GraphQL: GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
• Apollo Client: Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI.

• TailwindCSS: Tailwind is a unique CSS framework when it comes to styling web applications, meaning that Tailwind does not have a default theme that you have to use like other CSS frameworks.
• ESLint
• Prettier