Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/seshasaisrivatsav/webappmaker-angular-four

WebAppMaker -An application to create Web Applications.
https://github.com/seshasaisrivatsav/webappmaker-angular-four

angular angular4 expressjs mean-stack mongodb nodejs

Last synced: about 1 month ago
JSON representation

WebAppMaker -An application to create Web Applications.

Awesome Lists containing this project

README

        

WebAppMaker

Web App Maker is a MEAN Stack project. I built this project in summer of 2017. Also, I designed this for students who'd refer the project during my position as Teaching assistant at Northeastern University. I built this app using Angular 1 when I was a student of Web Development class. Using WebAppMaker, users can create websites in seconds. It is a bare bone MEAN Stack app intended to help users create websites easily. Users can login using facebook or by registering. They can create several websites. Each Website is made of pages. Each page is made up of widgets. HTML, YouTube, Header, Text make up widgets. Users have flexibility to edit everything.

Live instance of the project


https://web-app-maker-angular-4.herokuapp.com/


Required Installations on local machine



  1. MongoDB

  2. ExpressJS

  3. Angular CLI

  4. nodeJS

Running the project



  1. git clone https://github.com/seshasaisrivatsav/web-app-maker-angular-four

  2. npm install

  3. Run the server: "nodemon server.js". This watcher constantly looks for server changes

  4. Run the frontend: "npm start"

  5. Portal will be live on "http://localhost:4200/". API lives on port 9000

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

Author


Sesha Sai Srivatsav Kuchibhotla



  • https://github.com/seshasaisrivatsav/

  • http://www.seshasaisrivatsav.com/

  • https://www.linkedin.com/in/seshasaisrivatsav

License


MIT