Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anrsgrl/metalife

Metalife is a company dedicated to managing freelance projects and teaching programming👨‍💻
https://github.com/anrsgrl/metalife

bootstrap firebase framer-motion react react-router react-router-dom sass

Last synced: 2 days ago
JSON representation

Metalife is a company dedicated to managing freelance projects and teaching programming👨‍💻

Host: GitHub
URL: https://github.com/anrsgrl/metalife
Owner: Anrsgrl
License: mit
Created: 2023-06-15T08:57:10.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-06-17T09:31:03.000Z (8 months ago)
Last Synced: 2025-02-07T04:57:02.778Z (8 days ago)
Topics: bootstrap, firebase, framer-motion, react, react-router, react-router-dom, sass
Language: JavaScript
Homepage: https://metalifegroup.netlify.app
Size: 17.4 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

![Metalife Logo](./src/assets/images/banner.webp)

Metalife is a company dedicated to managing freelance projects and teaching programming. The platform enables users to efficiently handle their projects while providing valuable educational resources.

## Table of Contents

- [Screenshots](#screenshots)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [License](#license)
- [Acknowledgements](#acknowledgements)

## Screenshots

![Homepage Screenshot](./public/screenshot.webp)

## Features

- Interactive programming tutorials
- User authentication and profile management
- Responsive and mobile-friendly design

## Technologies Used

- **React**: For building dynamic user interfaces.
- **Firebase**: For backend services including authentication, storage, and cloud functions.
- **Bootstrap**: For responsive and mobile-first design.
- **Sass**: For advanced and modular CSS.
- **Swiper**: For implementing touch sliders and carousels.
- **Framer Motion**: For creating animations and transitions.
- **AOS (Animate On Scroll)**: For scroll animations
- **React Router DOM**: For routing and navigation management.
- **React Helmet Async**: For managing changes to the document head.
- **React Hot Toast**: For customizable toast notifications.

## Installation

### Prerequisites

- Node.js (>= 14.x)
- npm or yarn
- Firebase CLI

### Steps

1. **Clone the repository:**

```sh
git clone https://github.com/Anrsgrl/metalife
```

2. **Navigate to the project directory:**

```sh
cd metalife
```

3. **Install dependencies:**

```sh
npm install
# or
yarn install
```

4. **Set up Firebase:**

Create a `.env` file in the root directory and add your Firebase configuration:

```env
REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id
REACT_APP_ADMIN_KEY=your_admin_key
REACT_APP_ADMIN_PASS=your_admin_password
REACT_APP_TEACHER_PASS=your_teacher_password
REACT_APP_EMAIL_SERVICE_ID=your_email_service_id
REACT_APP_PRIVATE_KEY=your_private_key
```

5. **Start the development server:**

```sh
npm start
# or
yarn dev
```

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## Acknowledgements

This project was created some time ago and it was my first major project. There might be some mistakes, and I appreciate your understanding! Thank you for your support.