afaneh262 / donations-task

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Donation App

Welcome to the donation app, this is a simple application which will hold a website page about an orginsation with some campaigns.

Getting Started

  1. Fork this repo into your personal github account.
  2. Clone the forked repo into your computer.
  3. In the created folder create a new Angular application.

Your Tasks

The website in content is most static howver the dynamic part is the campaigns. Please complete the following tasks. You may consult with Google and friends, but you are responsioble for your own code - you should be able to explain each and every line of code you add.

  • In the homepage i'll be able to view two campaigns, just as the design shows the details.
  • org2.jpg shows the campaign single page, which you can get by clicking the link in homepage. the campaign URL schema must be as follows: /campaigns/<campaign_id>
  • The give today button is disabled and get's activated once you chose an amount (org3.jpg).
  • Success message will be displayed once you click give today button (org4.jpg)
  • Click on view card will show (org5.jpg). the card deatils must be saved locally (cookies/localstorage) and displayed once you visit the page.

API

use this endpint to get the list of initial files and folders: https://demo2653115.mockable.io/campaigns

Assets

Required libs

Using all of these is a must:

  • Bootsrap 4
  • SASS

Deploying Your Project

After you've completed your tasks, and you are ready to submit it, do the following:

  1. Make sure your code is on the master branch and that it is pushed into your repo.
  2. Create a Pull Request of your changes (Pull Requests > New Pull Request > Create Pull Request)
  3. Send us an email with your repo link.

Good Luck!

About