WeekOne-OverComeYourFearBootcamp12

Group12 Natujenge #Overcome-Your-Fear-Bootcamp

Natujenge SWE Virtual Boot Camp Week 01 Challenge.
Issue date: 19th September 2022

Objectives

At the end of the week, we would like each participant to have a good understanding of the following:

Create a responsive UI for tax calculation app.
Large screen UI.
Mobile screen UI.
Create a navbar & footer.
Add a redirection link to the article about the virtual bootcamp.
Add the Natujenge logo on the navbar and any requested page redirection links.
Create a form that has the gross salary input.
Create UI card to display the taxed salary breakdown.
Consider NHIF / NSSF default values, PAYE percentages in the final breakdown. Eg:

NSSF Contribution - Ksh. 1,080.00 NHIF Contribution - Ksh. 1,400.00 Personal Relief - Ksh. 2,400.00 Insurance/NHIF Relief - Ksh. 210.00

Manage expenses / bills (eg rent , food , entertainment)

Allow user to input a couple of key-value data eg: Netflix - 1500 , Gym - 3000 , chama / savings.
Have default keys like rent , shopping , food.
Display expenses and salary remainder / balance.
Create an action to add more bills to the list.
Create capability to edit / remove default keys.

BONUS : Add warning (color coded , preferably red) if balance after bill calculations is below 20% of total net , and green if within safe amount.

Teams page

Add a teams page showcasing the members involved in creating the exercise including clickable links to their social media or Github accounts. (Agree on the design layout within the team)
Add a teams link to the navbar

Link to the Natujenge SVG logo . Link to the Figma designs , remember this is just a guide, you’re free to add your own styles and colors to really personalize the look and feel .

GIT

How to use Gitflow (https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow) Main branch Development branch Individual team member branches

2. Recommend Resources

Below is a list of resources that can help you in appreciating above concepts:

HTML / CSS https://www.codecademy.com/learn/learn-html → HTML https://web.dev/learn/css/ → CSS https://web.dev/learn/design/ → Responsive design https://web.dev/learn/ → find resources for me technologies you can learn GIT https://education.github.com/git-cheat-sheet-education.pdf

In case you have good resources that can be helpful to the team, please share with us on natujenge@meliora.tech.

3. Future Work

Upcoming events: Q&A session(s) We will have a Q & A session to help you get clarity on concepts that might not be clear. Week 02 challenge - It is important that you put in the required hours to make this initiative a success.

Made with contributors-img.

hane-smitter/taxcalculate