updated README.md

master
Vic 2 years ago
parent f4fd2cef38
commit 2b50e40fca

@ -1,20 +1,12 @@
# Hosting a Full-Stack Application
### **You can use you own project completed in previous courses or use the provided Udagram app for completing this final project.**
---
In this project you will learn how to take a newly developed Full-Stack application built for a retailer and deploy it to a cloud service provider so that it is available to customers. You will use the aws console to start and configure the services the application needs such as a database to store product information and a web server allowing the site to be discovered by potential customers. You will modify your package.json scripts and replace hard coded secrets with environment variables in your code.
After the initial setup, you will learn to interact with the services you started on aws and will deploy manually the application a first time to it. As you get more familiar with the services and interact with them through a CLI, you will gradually understand all the moving parts.
You will then register for a free account on CircleCi and connect your Github account to it. Based on the manual steps used to deploy the app, you will write a config.yml file that will make the process reproducible in CircleCi. You will set up the process to be executed automatically based when code is pushed on the main Github branch.
The project will also include writing documentation and runbooks covering the operations of the deployment process. Those runbooks will serve as a way to communicate with future developers and anybody involved in diagnosing outages of the Full-Stack application.
A newly developed Full-Stack application built for a retailer and deployed to AWS that is available to customers
# Udagram
This application is provided to you as an alternative starter project if you do not wish to host your own code done in the previous courses of this nanodegree. The udagram application is a fairly simple application that includes all the major components of a Full-Stack web application.
The udagram application is a fairly simple application that includes all the major components of a Full-Stack web application.
@ -37,8 +29,8 @@ This application is provided to you as an alternative starter project if you do
Provision the necessary AWS services needed for running the application:
1. In AWS, provision a publicly available RDS database running Postgres. <Place holder for link to classroom article>
1. In AWS, provision a s3 bucket for hosting the uploaded files. <Place holder for tlink to classroom article>
1. In AWS, provision a publicly available RDS database running Postgres.
1. In AWS, provision a s3 bucket for hosting the uploaded files.
1. Export the ENV variables needed or use a package like [dotnev](https://www.npmjs.com/package/dotenv)/.
1. From the root of the repo, navigate udagram-api folder `cd starter/udagram-api` to install the node_modules `npm install`. After installation is done start the api in dev mode with `npm run dev`.
1. Without closing the terminal in step 1, navigate to the udagram-frontend `cd starter/udagram-frontend` to intall the node_modules `npm install`. After installation is done start the api in dev mode with `npm run start`.
@ -61,12 +53,42 @@ Unit tests are using the Jasmine Framework.
The e2e tests are using Protractor and Jasmine.
### Architecture:
![screenshot](doc/udagram.jpg)
![screenshot](doc/pipelineschema.jpg)
### Screenshots:
## RDS
![screenshot](doc/rds.jpg)
## Elastic Beanstalk
![screenshot](doc/ebs.jpg)
## S3
![screenshot](doc/s3Front.jpg)
## Pipeline
![screenshot](doc/pipeline.jpg)
![screenshot](doc/build.jpg)
![screenshot](doc/deploy.jpg)
## Runnig App
![screenshot](doc/app.jpg)
## Built With
- [Angular](https://angular.io/) - Single Page Application Framework
- [Node](https://nodejs.org) - Javascript Runtime
- [Express](https://expressjs.com/) - Javascript API Framework
## License
# Author
[License](LICENSE.txt)
Anis Benziane.

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Loading…
Cancel
Save