Suoritettu

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.

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

Näytä lisää: 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

Tietoa työnantajasta:
( 114 arvostelua ) Ramallah, Palestinian Territory

Projektin tunnus: #19267017

Myönnetty käyttäjälle:

PATechnology

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

$150 USD 3 päivässä
(51 Arvostelua)
5.6

25 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön

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 Lisää

$155 USD 3 päivässä
(36 arvostelua)
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 3 päivässä
(64 arvostelua)
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 Lisää

$250 USD 3 päivässä
(49 arvostelua)
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 Lisää

$250 USD 3 päivässä
(62 arvostelua)
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 Lisää

$250 USD 3 päivässä
(89 arvostelua)
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 3 päivässä
(92 arvostelua)
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 Lisää

$150 USD 3 päivässä
(82 arvostelua)
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 Lisää

$200 USD 3 päivässä
(38 arvostelua)
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: Lisää

$277 USD 3 päivässä
(25 arvostelua)
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 Lisää

$277 USD 7 päivässä
(16 arvostelua)
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 Lisää

$150 USD 3 päivässä
(6 arvostelua)
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 Lisää

$155 USD 3 päivässä
(15 arvostelua)
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 Lisää

$98 USD 2 päivässä
(6 arvostelua)
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 Lisää

$277 USD 3 päivässä
(6 arvostelua)
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 Lisää

$200 USD 4 päivässä
(1 arvostelu)
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 Lisää

$100 USD 3 päivässä
(3 arvostelua)
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 Lisää

$222 USD 3 päivässä
(2 arvostelua)
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 2 päivässä
(0 arvostelua)
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 Lisää

$200 USD 3 päivässä
(0 arvostelua)
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 Lisää

$166 USD 30 päivässä
(0 arvostelua)
0.0