Skip to content

AngularJS Project on Furniture Design. It is a JavaScript Framework.

Notifications You must be signed in to change notification settings

NavpreetRajput/FurnitureDesign

Repository files navigation

FurnitureDesign

This project was generated with Angular CLI version 6.0.8. Furniture Design is a front-end framework which has several pages such as About in which there is introduction about the website. Then there are distinct furniture items listed such as Beds, Shoe Racks, Wardrobes, Dressing Tables, Sofas, TV Units. Moreover, tehre are some new designs introduced such as curvelinear designs, distressed designs and etc. Handpicked Collection is also added. Some decorative things are there to style your home.Login and Sign up pages are included.

NOTE: This is a Sample Project, So I have used only Front-end Framework and the database is not connected.

Angular Concepts Covered

Using the Angular CLI

Using TypeScript classes and modules

Using Custom Components

Using Angular databinding and built-in directives

Technologies used

Angular CLI: 12.0.1

Node: 14.17.0

npm

HTML and CSS

JavaScript

TypeScript

Angular

Software and Tools Required

Angular JS

IDE

To install Angular in Local System

Step 1: Node.js and npm package manager needs to be installed.

Step 2: Install the Angular CLI Run npm install -g @angular/cli on your terminal.

Importing and running the project through Eclipse IDE on Mac

Step 0: Open Eclipse Enterprise Edition. [Install, if not already installed.]

Step 1: Click On File > Import > Git > Projects From Git(with smart import) > Clone Uri > Paste The Repository Url as:https://github.com/NavpreetRajput/FurnitureDesign Select Next > Next >(Choose the Directory where you want to save the project, For Example: EClipse Workspace) Select Next > (Select import as General Project) Select Next> Finish

Step 2: Run ng serve --open in the terminal.It will navigate to http://localhost:4200/.

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|guard|interface|enum|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.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.