Git Product home page Git Product logo

animan-lab's Introduction

Project Animan Lab

Frontend stack:

  • VueJS 3
  • VueX
  • Axios
  • Tailwind CSS
  • SASS
  • Editor: Quill
  • Upload Image: Filepond
  • Cloudinary
  • Swiper

Backend stack:

  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • Joi
  • Url-slug
  • JWT Token
  • Passport
  • NodeMailer

Deployment:

  • Ubuntu 18.04
  • Nginx
  • PM2
  • SSL Cloudflare

How to setup this project?

Make sure you execute the command in both client and server folders after git clone

npm i

Client

  • You need to register an account Cloudinary .It's free 25gb and the connection is very good.
  • SECRET_LS serve the purpose of encrypting the access token to ensure more security on the client side.

Set up .env

VUE_APP_URL=your-api-backend
VUE_APP_CLOUDINARY=your-preset-api-cloudinary
VUE_APP_SECRET_LS=random-secrect-key

Run client (client setup by VueCli)

npm run serve

Server

  • Create log file (Optional), Lniux command
mkdir -p server/src/logs && touch server/src/logs/server.log
  • If you don't need log file, just comment these block code in /src/index.js
  //const logEvents = require("./helper/logEvents");
  
  ...

  // logEvents(
  //   `id:${nanoid(5)} --- ${req.url} --- ${req.method} --- ${JSON.stringify({
  //     message: error.message,
  //   })}`
  // );

and /src/helper/mailService

  //const logEvents = require("../helper/logEvents");

  ...

  // logEvents(`id:${nanoid(5)} --- mail service --- ${error}`);
  
  ...

  // logEvents(`id:${nanoid(5)} --- mail service --- ${info.response}`);

config database in server/src/configs/db

config export jwt secret key in server/src/configs/jwt

config .env file

JWT_SECRET=random-secret-key
[email protected]
[email protected]

run server

npm start

Happy coding!

I hope you can give me feedback on the project via email [email protected] or discord lee2001#9563

animan-lab's People

Contributors

leephan2k1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.