1. App description
2. User Stories
3. Wireframes
4. Pseudocode
5. Technologies used
6. Ways to see the project

Zootopia is an application for Zootopia Embassy that helps people who apply to renew their passport to track their passport renewal process.

1.Zootopia API:

This app works as Restful API to store all Zootopia citizens information and provide the embassy with detailed information on every citizen. This API provides.

• Basic CRUD (Create, Read, Update and Delete) with postman.

• Cross-origin Resource Sharing using by using CORS middleware.

2.Embassy of Zootopia app:

This part is for the official use of the embassy staff. The embassy staff can import the applicant information from the government API and store it to the embassy database. they can add the date the application was received and update the status of the application and the date when the status was updated.

Also this part serve as API for Zootopia citizen APP. Zootopia citizen AP make axios get Request to this API to get the status of the application.

3.Zootopia citizen APP:

A customized HTML template for the citizen of Zootopia to check the status of their passport renewal application.

Applicants can enter their social security number to check the status of their passport.

• As a user, I want to use the app in the browser and on a mobile device.
• As a user, I want to check to see the status of my application or if my new passport is ready by entering my social security number.
• As a user, I want to see the latest movies in Zootopia box office .
• As a user, I want to see Zootopia map.

1. pick suitable responsive template .

2. customize the template by changing pictures and text.

3. Add service section that contains input field where the user can input his/her social security number.

4. Validate the social security number.

5. Make Axios GET request to the embassy API to get user information.

6. Return the information back to the user

• Original Template was downloaded from https://startbootstrap.com/template-overviews/agency/
• HTML
• CSS
• JavaScript
• jQuery
• Heroku
• Git

• axios

• Embassy API

• Trello (project boards)
• Postman (API and DB testing)

Thanks :)

Go Back to the Table of Content