WanderningMaster / animate-everything

Platform for creating and sharing GIFs

Home Page:https://animate-everything.me/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Animate everything

Pre-requisites

Getting started

  • Clone the repository
git clone  <git lab template url> <project_name>
  • Install dependencies
cd animate-everything
npm install
  • Setup env variables
1) Create .env directory in root folder for docker
2) Create .env file in ~/server/src/ folder

By the way i have been created .env.example files so you can use them or create your own .env files, as you wish)
  • Build and run the project
1) npm i
2) npm run start:(server|client|transcoder)
3) You can run rabbitmq and database locally, but envs should match
or you can just run them in docker (npm run docker:up:debug:backend)

Cloud

In this project i used cloudinary as media cloud : https://cloudinary.com/.

But you can modify cloud adapter and corresponding interface to replace it with firebase storage or s3 bucket.

Docker

Build and run project in docker

  1. npm run docker:build - To build images
  2. npm run docker:up or npm run docker:up:d to run project in detached mode

TypeScript + Node

Getting TypeScript

Add Typescript to project npm.

npm install -D typescript

Project Structure

The folder structure of this app is explained below:

Name Description
dir Contains something

work on it later...

NPM Scripts (run from the root folder)

Npm Script Description
build:shared Build shared module
start:server Runs server locally
start:client Runs client locally
docker:up Runs project in dockers
docker:up:d Same that 'docker:up' but in detached mode
docker:down Remove all containers

ESLint rules

All rules are configured through .eslintrc.yml.

To find problems in your code

npm run lint

About

Platform for creating and sharing GIFs

https://animate-everything.me/


Languages

Language:TypeScript 96.8%Language:CSS 1.6%Language:Dockerfile 0.8%Language:JavaScript 0.3%Language:HTML 0.3%Language:Shell 0.2%