All Projects → tsmean → Tsmean

tsmean / Tsmean

Licence: mit
Typescript-mysql-express-angular-node seed for your next web-app!

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Tsmean

Express Typescript Boilerplate
A delightful way to building a RESTful API with NodeJs & TypeScript by @w3tecch
Stars: ✭ 2,293 (+1225.43%)
Mutual labels:  expressjs, starter-kit, seed, boilerplate
Express React Boilerplate
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Stars: ✭ 179 (+3.47%)
Mutual labels:  mysql, expressjs, boilerplate
Disperse
React/Redux dApp (decentralized app) boilerplate using Ethereum's blockchain
Stars: ✭ 36 (-79.19%)
Mutual labels:  starter-kit, seed, boilerplate
Mern
🌐 MERN stack 2.0 - MongoDB, Express, React/Redux, Node
Stars: ✭ 175 (+1.16%)
Mutual labels:  expressjs, starter-kit, boilerplate
Wertik Js
💪 A library that powers your app with GraphQL + Rest API
Stars: ✭ 56 (-67.63%)
Mutual labels:  mysql, starter-kit, boilerplate
Angular Full Stack
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
Stars: ✭ 1,261 (+628.9%)
Mutual labels:  expressjs, starter-kit, boilerplate
Reactjs Crud Boilerplate
Live Demo
Stars: ✭ 83 (-52.02%)
Mutual labels:  starter-kit, seed, boilerplate
Express Graphql Typescript Boilerplate
A starter kit for building amazing GraphQL API's with TypeScript and express by @w3tecch
Stars: ✭ 163 (-5.78%)
Mutual labels:  expressjs, starter-kit, boilerplate
Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (-22.54%)
Mutual labels:  starter-kit, boilerplate
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (-19.65%)
Mutual labels:  starter-kit, boilerplate
Generator Jekyll Starter Kit
🚀 Jekyll Progressive Web App Generator.
Stars: ✭ 139 (-19.65%)
Mutual labels:  starter-kit, seed
Fullstack Apollo React Boilerplate
💥A sophisticated Apollo in React boilerplate project.
Stars: ✭ 136 (-21.39%)
Mutual labels:  starter-kit, boilerplate
Subzero Starter Kit
Starter Kit and tooling for authoring GraphQL/REST API backends with subZero
Stars: ✭ 136 (-21.39%)
Mutual labels:  starter-kit, boilerplate
React Universally
This starter kit contains all the build tooling and configuration you need to kick off your next universal React project, whilst containing a minimal "project" set up allowing you to make your own architecture decisions (Redux/MobX etc).
Stars: ✭ 1,704 (+884.97%)
Mutual labels:  starter-kit, boilerplate
Gatsby Blog Starter Kit
A simple starter kit for a static blog created with Gatsby
Stars: ✭ 131 (-24.28%)
Mutual labels:  starter-kit, boilerplate
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-18.5%)
Mutual labels:  starter-kit, boilerplate
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (-17.92%)
Mutual labels:  starter-kit, boilerplate
Fraternate
Fraternate is a standalone copy of the GitHub organization and user interaction framework. Built with Mongo dB | Node.js® | Express.js | Handlebars.js | Bootstrap.
Stars: ✭ 130 (-24.86%)
Mutual labels:  expressjs, boilerplate
Typescript React Native Starter
A highly scalable foundation with a focus on best pratices and simplicity to start your React Native project in seconds.
Stars: ✭ 141 (-18.5%)
Mutual labels:  starter-kit, boilerplate
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-16.76%)
Mutual labels:  starter-kit, boilerplate

Disclaimer

Nobody is actively developing tsmean. This means that it's not recommended to use this as a starting point for new applications anymore. You can let yourself be inspired by the project, but don't fork it for your new projects.


tsmean logo

This is a starter kit for webapps completely written in TypeScript.

The starter kit is using the following technologies:

  • MySQL
  • ExpressJS
  • Angular 6
  • NodeJs

... and that's why it's called tsmean! We've carefully elected those technologies to be the best suit for building web apps with TypeScript. You get to use TypeScript now on the client and the server! This leads to efficiency through consistency. Read more about it here: www.tsmean.com.

Installation

Prerequisits

Install

Cloning the project

git clone https://github.com/tsmean/tsmean your-project-name
cd your-project-name

Setting up the database

The easiest way to set up the MySQL database is to use docker and run:

docker run -p 3306:3306 --name mysql tsmean/mysql:2

This spins up a docker container with a MySQL instance that has matching settings with the backend. Read more about the "MySQL in docker" option here. You can also set up MySQL directly on your system and create the databases with settings like you find them in backend/properties/development.properties and backend/properties/test.properties manually. Of course, you can also change the settings you find there to match your needs (for example setting a different user or password or database name).

Installing all node modules

npm install

Under the hood lerna is used to install the multiple packages in backend, frontend and shared, but you don't need to be concerned with this too much for now.

Backend

First cd backend, then:

  • to spin up a REST-API server npm start. Check it out at http://localhost:4242
  • To run the tests npm test

Frontend

First cd frontend, then:

  • to start the Angular app npm start. Check it out on http://localhost:4200
  • you can develop all modules independently. For example, cd src/app/user and run ng serve. This launches a minimal app only displaying the user module (i.e. without login etc). You can test all modules using ng test.

More info available in frontend docs.

Live Demo

https://demo.tsmean.com

screenshot

Homepage

http://www.tsmean.com

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].