Tamamlanmış

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

Description:

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.

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

Daha fazlasını gör: 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

İşveren Hakkında:
( 114 değerlendirme ) Ramallah, Palestinian Territory

Proje NO: #19267017

Seçilen:

PATechnology

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

%selectedBids___i_period_sub_7% gün içinde 150%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(51 Değerlendirme)
5.6

Bu iş için 25 freelancer ortalamada $199 teklif veriyor

beautymaria

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 Daha Fazla

$155 USD in 3 gün içinde
(36 Değerlendirme)
7.1
infowider11

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 gün içinde
(64 Değerlendirme)
7.0
rightbigboss

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 Daha Fazla

$250 USD in 3 gün içinde
(49 Değerlendirme)
6.6
yuriyes43

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 Daha Fazla

$250 USD in 3 gün içinde
(62 Değerlendirme)
6.4
WebXcellance

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 Daha Fazla

$250 USD in 3 gün içinde
(89 Değerlendirme)
6.5
fattahaabdul

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 gün içinde
(92 Değerlendirme)
7.5
liangjongai

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 Daha Fazla

$150 USD in 3 gün içinde
(82 Değerlendirme)
6.6
abstractsoftweb

[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://www.myfcpower.com. [login to view URL] http Daha Fazla

$200 USD in 3 gün içinde
(38 Değerlendirme)
6.4
stanislav103

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: Daha Fazla

$277 USD in 3 gün içinde
(25 Değerlendirme)
6.0
jiitendra

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 Daha Fazla

$277 USD in 7 gün içinde
(16 Değerlendirme)
4.9
AndreiPPB

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 Daha Fazla

$150 USD in 3 gün içinde
(6 Değerlendirme)
4.2
BoyVit85

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 Daha Fazla

$155 USD in 3 gün içinde
(15 Değerlendirme)
4.4
waseemsaleemg

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 Daha Fazla

$98 USD in 2 gün içinde
(6 Değerlendirme)
3.6
bishnois1

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 Daha Fazla

$277 USD in 3 gün içinde
(6 Değerlendirme)
2.8
yekaterinabescka

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

$200 USD in 4 gün içinde
(1 Yorum)
2.6
JennyHazard

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 Daha Fazla

$100 USD in 3 gün içinde
(3 Değerlendirme)
2.5
QwertechIndia

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 Daha Fazla

$222 USD in 3 gün içinde
(2 Değerlendirme)
1.5
arunvas

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 gün içinde
(0 Değerlendirme)
0.0
leadingmetier

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 Daha Fazla

$200 USD in 3 gün içinde
(0 Değerlendirme)
0.0
DZgeek

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 Daha Fazla

$166 USD in 30 gün içinde
(0 Değerlendirme)
0.0