We need to build two web screens in Angular javascript frame work


We need to layout these 2 screens (attached in designs below) in Angular javascript framework.

Desing: [login to view URL]

You are requested to create 2 main Components:

1. GalleryComponent: route should be: /{teamId?} It's the root component to open in the app, where it consists mainly of a sticky navbar and these 2 items lists:

a) Teams rendered as icons, when clicking on an icon the b) list is changed.

- Clicking on team, route changed to /{teamId} but GalleryComponent still rendered, only the b) list will change.

- There is search icon to right, where user can search on other teams that not rendered on list a).

- Component service has to return dummy data, no need to configure HTTP client.

b) Snaps list, this list has infinite scroll feature where it renders list of snap objects: mainly a snap_id, thumbnail image, likes count, user_image and video icon when the snap type is video.

- Objects should have dynamic height but a static width. This might help

- For mobile, make it 2 per row instead of 6

- When scrolling down, show a preloader during the scroll so user knows there is data coming. This might help

- Component service has to return dummy data, no need to configure HTTP client.

2. SnapComponent: route should be /snap/{id}, this Component renders an image or a HTML5 video regarding to snap type object returned. You'll need to pass the clicked on snap from GalleryComponent and the 1 snap before and after it, where user get the next object when he clicks on NEXT and previous when he clicks on PREV so you render them as a line shown in design.

- This page is shareable, when the user gets in the page from outside, you will get array of 3 snaps object: first is the prev. snap, second is the current and the last is the next.

- Because it's shareable, make sure you provide the correct SEO meta data, especially for the image (thumbnail) and title as: "User name" Snap about "Team Name"

- All information returned in snap will be returned in api, so make sure to consider them as variables for now.

- For mobile: no thumbnail needed for next and prev, the current snap object will take the all screen, with next and prev icons in right and left.

Technical Requirements:

1- Angular 4 or + .

2- Clean SCSS/CSS code.

3- IoC: All components must not depend on each other when requesting their routes.

4- Responsive layout for all platforms.

5- Use dummy data all the way.

6- Only install packages you need.

7- SSR for SEO purposes.

8- Use Git for quicker reviews.

Skills: Angular.js, CSS, HTML5, Javascript, jQuery / Prototype

See more: angular js, angular vs react, play framework angular 4, angular material, play framework with angular 2, node js, react js, angular 7, javascript frame work, need someone teach build web site line, need build web portal, need build website web template, build a website we need a very, i need a web developer to build me a dating site, we need a landing page for a product we already have an existing web site which can be used as base, we need a landing page for a product we already have an existing web site which can be used as, we need a logo for our company we are creating an online web design agency, we need a web template for a website of an architect office, we need to build a company services profile, we need web designer

About the Employer:
( 114 reviews ) Ramallah, Palestinian Territory

Project ID: #19267017

Awarded to:


Hi, Can you ping me to discuss more? I am interested in the project and have an experience in angular development. thanks

$150 USD in 3 days
(51 Reviews)

25 freelancers are bidding on average $199 for this job


Hi Thank you for your job post. I have just read your job description with care. I think your project is very suitable to me. I have good skills and experiences in Angular 4. As you can see my profile, I have good ex More

$155 USD in 3 days
(36 Reviews)

Hello, How are you? yes i am expert in Angular and javascript developer.i can build your screen. Can we talk? Check my profile. Thanks Shweta

$250 USD in 3 days
(64 Reviews)

How are you? Client? Master in Angular including latest version area HERE. I have rich experience in this area so after read your description, I am sure I can do this job perfectly. I know very well how to use angul More

$250 USD in 3 days
(49 Reviews)

Dear, sir I've read your specification carefully and I'm very interested in your job. I have rich experience of developing web projects for 5 years using Angular. I ensure high quality and deadline. I would like More

$250 USD in 3 days
(62 Reviews)

Hello there, We have 7 year experience in website design and developments, we are ready to work with you. Please provide more detail about the project, Also see our recent wok. [login to view URL] http More

$250 USD in 3 days
(89 Reviews)

i can design your website i am expert in designing. i have 8+years of experience let us dicuss in chat and proceed further i will show some of my work

$277 USD in 3 days
(92 Reviews)

Hello! I'm interesting your project very well and full time developer. I have great skill in design and php. My price and period is negotiable. Employee’s satisfy is my happiness ! Let's go ahead with me ! My More

$150 USD in 3 days
(82 Reviews)

[login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] http More

$200 USD in 3 days
(38 Reviews)

Dear Hiring Manager. I am so excited to apply in your project. understood your requirements correctly and interested in your project. highly skilled with JavaScript and very familiar with Angular. Angular https: More

$277 USD in 3 days
(25 Reviews)

Hi, I have reviewed your requirement and I can do this job as per your requirement. We have huge expertise in WORDPRESS , Laravel, Node.Js , React.Js, CakePHP, Codeigniter, Angular.js, Bootstrap, API Integration, Pl More

$277 USD in 7 days
(16 Reviews)

Hello. I'm very interested your project. I read your description carefully. I'm very talented MEAN stack developer. if you assign to me this project, you can get a cool result. please send me message so that we ca More

$150 USD in 3 days
(6 Reviews)

How are you. I read your project description carefully and I understood what you want to build. I'm a senior web app developer specialized in Reactive SPA development using either of React, Angular and Vue.js. For More

$155 USD in 3 days
(15 Reviews)

Hi Dear, Our best concern is to follow your requirement and deadline and we will do our best for the success of your project. Feel free to send message to discuss your project with us. Thank you very much! Surely, we More

$98 USD in 2 days
(6 Reviews)

Hi, Available to start immediately. Have reviewed all requirements carefully & these are clear to me. I believe I can assist you in this job. Kindly drop me a message as I am ready to start work right now and will More

$277 USD in 3 days
(6 Reviews)

Hello. I am ready to complete your project. My works [login to view URL] [login to view URL] http://ekaterinabeskaravainaya.web-developer24.r More

$200 USD in 4 days
(1 Review)

Greetings. I am AngularJS 4.x expert. I will fix GalleryComponent and Snapcomponent for you. I'll build Optimized website with Elegant and Responsible design as you want. [login to view URL], [login to view URL] You will be s More

$100 USD in 3 days
(3 Reviews)

I can start immediately I'm a professional Web developer with more than 6 Years experience in php, laravel, magento, wordpress and all types of designing work. I have very good Knowledge and clear understanding of More

$222 USD in 3 days
(2 Reviews)

hi there I hope you doing well am a web developer and an experienced in angular too.... will deliver what you expected thanks in advance

$222 USD in 2 days
(0 Reviews)

Hello, I can start work on your project immediately once you confirm me and I am also open for further discussion if you want. I have 8+ years in web design & development with good experience in following skills More

$200 USD in 3 days
(0 Reviews)

Hello, I have 6 years of experienced on mobile application ( Android +iphone/ iPad ) and App admin with development web services where admin can manage the app from backend. I have developed the TAXI apps, google m More

$166 USD in 30 days
(0 Reviews)