Lukket

Creating a small react webpage

Requirements:

• Create a single page application in React or Angular(Latest versions) using the attached JSON file as source. Add the JSON file in your source code and make an ajax call to consume to contents. Do not hard code the JSON inside your components.

• The application should have three different views with individual URLs.

o Team view – Landing Page.

§ Display the teams using a container with read only properties to display the Team full name, nickname, and number of players.

§ When clicking on the team container the user should be routed to the team roster view.

o Team Roster view – Second View.

§ Represent each player on the roster with a card containing the following properties:

• displayName

• unit

• position

• depthOrder

§ Sort the cards by position then depthOrder.

§ When clicking a player card the user should be routed to the view/edit player view.

o Edit Team Member view - The third view.

§ Each property displayed in the second view should be editable.

§ The user should be able to save or cancel editing a player.

§ If the user saves the player changes, you should keep that information state in memory. Then route the user to back to the roster view with the changes reflected.

Check your code in to a github/bitbucket repository with instructions on how to run the app on local machine.

Tools:

Angular or React

Any type of component library you like, Material, Bootstrap, etc…

Tips:

Make your best judgement if you are unsure of a requirement and add your thoughts in code comments

Make the app as beautiful as possible – show off some CSS skills

Unit tests will be nice to have

Feel free to show off your coding skills!

Evner: Angular.js, HTML, HMLT5, Javascript, jQuery / Prototype

Se mere: small editing, work creating small websites, creating small database, reactjs, install react, react apps, react website tutorial, react website example, simple react website, create react app, react personal website, creating opt box webpage, creating small website, small company webpage, editing grammar spell check, creating small application java, webpage requirements document, creating wordpress theme webpage, creating data input webpage sql, creating good headers webpage

Om arbejdsgiveren:
( 3 bedømmelser ) san antonio, United States

Projekt ID: #18934273

68 freelancere byder i gennemsnit $13/time for dette job

goutam08

Hi, How would you like to work with one of the top 10 freelancers of this platform? If you are interested do keep reading. We can create your single page application using the latest version of angular or React Flere

$13 USD / time
(200 bedømmelser)
8.8
leadconcept

Hi there, According to my understanding, you want us to develop a platform where teams and players should be populated and manipulated according to users' input based upon the Json file you have provided. The system Flere

$16 USD / time
(60 bedømmelser)
8.6
mekiho

Dear employer, As you can see through my profile, I have much experience in both of react and angular. Please contact me for more detail. Thank you. Regards.

$22 USD / time
(90 bedømmelser)
7.7
kssalexander2

Greetings! my name is Huapeng Li. I would love to have the opportunity to discuss your project with you Are you okay with creating the project using latest React/Redux? I have 6 years of experience with React/Red Flere

$14 USD / time
(58 bedømmelser)
7.7
vpnsolution

Hello Sir, I have read project description and I must say that it is very detail oriented. I have almost understood the scope of work and what you are trying to achieve except "Depth Order " Module of "Team Roster V Flere

$12 USD / time
(238 bedømmelser)
7.6
bdsiddhi

Hi There, Greetings!! I'm very much interested and confident to work on this assignment. Our area of expertise: #iPhone, #Android, #Node JS, #Angular JS, #CMS, #Joomla, #WordPress, #Magento, #Prestashop, #Lara Flere

$14 USD / time
(73 bedømmelser)
7.6
Webiots

Hello, I have read and understood the project requirements that you are looking for an expert React JS developer who can help you to develop small react webpage. We are perfectly suitable for your requirement as Flere

$12 USD / time
(109 bedømmelser)
6.7
Thesynapses

Dear Client, Your search ends here.!! We are Synapse and we deal with the website and mobile development, As per my understanding you want a single page application in React or Angular and we are glad to share that Flere

$15 USD / time
(12 bedømmelser)
6.6
seemasit

Hi there, I've gone through the post description carefully and ready to start work on this project. Requirements are very clear but please come over the chat so that i can get more requirements if remaining. I am Flere

$12 USD / time
(69 bedømmelser)
6.9
hy1990com

Dear, Client Hope you are doing well. Thank you for your posing job and kind description. I am happy to apply to your job with my skills which are matched to your requests. I have ever developed SPA by react and an Flere

$17 USD / time
(35 bedømmelser)
6.6
Ipullar

Hello how are you? Looking through job postings, I noticed yours as a very detailed job description and am serious to apply here. I am full-stack web developer with extensive experience of React.js, Angular(2,4,5,6 Flere

$24 USD / time
(50 bedømmelser)
6.6
rightbigboss

Dear client! Nice to meet you. I've read your description carefully. I've rich experience in development of node and react js. I'm a talented Web developer with 5+ years experienced,so I am expert in Web developm Flere

$15 USD / time
(63 bedømmelser)
7.0
visionvivante

Hi, ***** Expert in Designing & development using React.js ***** It would be great if you can schedule a meeting so that we can discuss further in detail because I don't want to miss anything in your project. Flere

$15 USD / time
(24 bedømmelser)
6.6
tudiptechnology

Hi there, We have been developing/maintaining web applications in React and various JavaScript libraries/frameworks like AngularJS, MeteorJS, and NodeJS (both Express and Sails). Few ReactJS applications that w Flere

$15 USD / time
(20 bedømmelser)
6.9
beautymaria

Hello Thanks for reading my proposal I have read your job description carefully and think I can deliver good result with high quality on time as you want. so I am very familiar with MEAN, MERN stack development. I Flere

$12 USD / time
(36 bedømmelser)
6.8
anatolygenay123

Hello Sir!!! I read your project description very carefully and very interested in your project because I am a senior developer of angular. Please check this: [login to view URL] Flere

$12 USD / time
(25 bedømmelser)
6.4
ArkssTech

Hello Manager ,   Hope things are going well in your life!!   We are a team of 50+ individuals highly experienced in creating wonderful Web applications and apps for our clients to increase their business and to he Flere

$14 USD / time
(36 bedømmelser)
6.4
JinTaiZhe

Dear Client. I have checked your job post and I am sure this is my job. I have rich experiences in react.js, redux-thunk, redux-saga, mobx, graphql, and react native. I can provide high quality product and delivery Flere

$15 USD / time
(34 bedømmelser)
6.7
suju8811

Dear, Client. How are you? I have read your description. I have developed many sites using Angular and React JS for front end and Node for backend. I am also familiar with python and Vue JS. I am very confident abou Flere

$15 USD / time
(22 bedømmelser)
6.2
jarki2017

Hi I just read your job description carefully. About my skill, please check the following link. [login to view URL] Thanks

$16 USD / time
(42 bedømmelser)
6.0