A website concept for a cider house using Angular 6. Features include user reviews, cider list, admin functionality, and jukebox for users to add songs to cider house playlist.
This project was generated with Angular CLI version 6.1.5.
I mainly worked on the feature that took in comments from customers that visited the site. Each comment gets stored in the firebase database and then placed into a CMS console that is made available on the backend where admins are authorized to make changes. I then added a feature where the admin can decide to post or delete the comments that are submitted. If the comments become published they appear in the carousel on the front end.
I also worked on styling and creating the tables on the admin side for both the comments section and the users section.
Complete the steps below to clone the project on to your personal machine and get the application running.
Clone the repo from github to your machine
git clone https://github.com/reeseglasscock/citrus-cider-house.git
This program is dependent that you already have node installed on your machine and node package manager. Afterwards run the install command.
npm install
Go to https://console.firebase.google.com/ to sign up and create your database for your project. Select add Firebase to your web app to view api credentials.
Go to https://theaudiodb.com/ to sign up and request an api key.
Create a file in the root of your app folder named api-keys.ts. Paste in the information for adding firebase as a web app and your jukebox api key. Follow the pattern below for creating the file:
app/api-keys.ts
export const masterFirebaseConfig = {
apiKey: "YOUR_API_KEY_HERE",
authDomain: "YOUR_AUTH_DOMAIN_HERE",
databaseURL: "YOUR_DATABASE_URL_HERE",
projectId: "YOUR_PROJECT_ID_HERE",
storageBucket: "YOUR_STORAGE_BUCKET_HERES",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID_HERE"
}
export const jukeboxAPIKey = "YOUR_API_KEY_HERE"
To run the program run the command from the project file:
npm run start
Point your browser to localhost:4200
open http://localhost:4200/
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.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
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.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.