Angular 2 News Application

Encerrado Postado há 5 anos Pago na entrega
Encerrado Pago na entrega

Components

The app has following components:

AppComponent: Main Component

HeaderComponent: Display the logo

SectionsComponent: Display different sections of news

NavbarComponent: Display sub-sections of news

NewsComponent: Will fetch the complete list of news and send to NewsItemComponent

NewsItemComponent: Display each news item

SectionsComponent

Subscribe and fetch the list of sections from store

Loop through the array and display each section name as routerLink

It should change the url as /section/sectionName

NavbarComponent

Display Subsections

Get the list of news from the store

Multiple news might be categorized in one subsection. Filter list of unique subsections from the list and display in the navbar

Filter News

When a user clicks on subsection, dispatch action and send the subsection name as a parameter to store

This action will update the filter variable in store

NewsComponent

Send the name of the selected section to Service and get the list of news.

Send this list of news to update store

Now subscribe store to get the news list and send it to NewsItemComponent

NewsItemComponent

Get news item from NewsComponent and display it

Show image and caption when clicked on "Read More"

Services

NewsService

The Service will have a function called getSectionNews().

This function will fetch news list of the selected section, from the NY Times API.

API url:

url = '[login to view URL]' + sectionName + '.json?api-key=315a5a51483b469a918246dc2753b339'

Actions

Action

Implement the following two actions:

LOAD_SECTION_NEWS: Will be dispatched when the user wants to load a new section.

FILTER_SUBSECTION: Will be dispatched when one of the news sub-section is clicked.

Reducers

Reducer: Sections

Implement LOAD_SECTIONS action

When this action is dispatched, the reducer will return the state having list of sections.

Reducer: News

This reducer will implement two actions:

LOAD_SECTION_NEWS: This will load news from selected section to newsList in store.

FILTER_SUBSECTION: Sets the value of filter in store

Selector

This will get the news list and filter from the reducer

Return a new list of news, based on the selected subsection

AngularJS HTML5 JavaScript Node.js PHP

ID do Projeto: #17520600

Sobre o projeto

17 propostas Projeto remoto Ativo em há 5 anos

17 freelancers estão ofertando em média $254 nesse trabalho

Yknox

Hello I'm interesting your project very well I'm a Good expert of PHP, Node.JS, Angular.JS, Java, Swift, Object C, Android, iOS, HTML5, Mathmatics, Algorithm. I m quite well experienced in these jobs. Let's go ah Mais

$200 USD in 3 dias
(876 Comentários)
9.3
peng72083

Hello, how are you? I have read your description and I'm confident of this job. I'm a senior react js developer. I'm familiar with react/redux, react/saga, thunk, es6 and webpack etc. Your requirement is clear to m Mais

$155 USD in 3 dias
(62 Comentários)
7.8
logicpowered

We are very interested in this project. I have read your project description and very much confident in completing all these requirements. Kindly initiate messaging so we can discuss further.

$155 USD in 3 dias
(50 Comentários)
7.9
MyAwesomeTeam

How are you, tamhanemohak?. .I can do this project as well We have experience in thoses skills: Angular.js, HTML5,PHP, node.js. I always: -Do project fast as possible. -Charg Mais

$153 USD in 4 dias
(131 Comentários)
6.9
archanacodenomad

Hello, Thank you for giving a look at my profile! With 7+ years of experience in web application development, web & mobile designing, mobile application development, wordpress cms development, theme & template cust Mais

$200 USD in 5 dias
(11 Comentários)
5.7
billinhit

Hi, I am a Fullstack coder. I have over 6 years of experiences on angularjs/nodejs/mongodb. I am strong on MEAN stack. I read your requirements, I know what I should do for this project. I will use the latest angular Mais

$105 USD in 10 dias
(24 Comentários)
5.4
aqeeqabbas

Hello, How are you? We are a team and we have understood about your work what you exactly want. We just saw your project description carefully. We are very interested in your project. We have rich experience in web, ap Mais

$600 USD in 3 dias
(20 Comentários)
5.1
vivekmohite87

Hello Sir, Hope you are doing well, I have read your requirement and understood that you are looking an experienced Web developer to develop an Angular 2 News Application. I have team of experienced web develo Mais

$333 USD in 5 dias
(5 Comentários)
2.9
Marius8N

Hello, I can create your Angular 2 application by your specs. If you have IDE preferences, angular x version preferences, unit test or end to end tests feel free to tell me. Also, if you don't have design I suggest Mais

$311 USD in 30 dias
(1 Comentário)
2.2
Nikita140291

I have 4+ years of experience into web development in technologies like HTML, CSS, Javascript, Bootstrap, SCSS, etc. Specialized into Angular framework. Have 1 year of experience in Angular 4. Worked in Healthcare, Mais

$155 USD in 5 dias
(0 Comentários)
0.0