Intergalactic Pet Adoption App Development
Budget: ₹600 – ₹1,500 INR
Task: Galactic Pet Adoption Portal
The Galactic Pet Adoption Agency needs your help to build a portal where intergalactic
explorers can adopt adorable alien pets. The portal must be sleek, mobile-first, a
responsive, so it works on all devices
Basic App Requirements:
1. Landing Page-
○ Display an inventory of alien pets with:
■ Image: Show what the pet looks like (use placeholder images or fun
graphics).
■ Name: Use some demo pets out of your imagination.
■ Planet of Origin: Where is the pet from?
■ Adopt Button: Add the pet to the user's adoption list.(You can add
any quantity of the pet and not just a single, so give -/+ buttons to
update the quantity.)
2. Shopping Cart Page-
○ Display current cart state with all pets which user added and total amount.
■ You can still update the quantity / remove a pet from your cart.
3. Adoption List Page-
○ Display a list of adopted pets with their details.
4. Navigation-
○ Add a navigation bar with links to:
■ Home (Landing Page)
■ Cart
■ Adoption List
5. State Management-
○ Use React Hooks and any lightweight state management library. (e.g
Zustand/ React context)
Technical Specifications:
1. Build the app using Next.js.
2. Style the app with Tailwind CSS and incorporate components from shadcn/ui.
3. Use localStorage or a similar solution to persist the adoption list data across page
reloads.
4. Ensure a mobile-first design that scales beautifully for desktops and tablet.
Assessment Criteria:
1. Presence of all basic requirements mentioned.
2. Code structure, readability, and use of hooks/state management.
3. Mobile-first design and responsive UI.
4. Overall user experience and flow.
Hints:
- If you don’t already, consider using Claude and Bing AI instead of ChatGPT. This is
only a suggestion and you’re absolutely free to use any generative AI of your choice
if need be.
-You are free to make assumptions wherever you feel confused.
The Galactic Pet Adoption Agency needs your help to build a portal where intergalactic
explorers can adopt adorable alien pets. The portal must be sleek, mobile-first, a
responsive, so it works on all devices
Basic App Requirements:
1. Landing Page-
○ Display an inventory of alien pets with:
■ Image: Show what the pet looks like (use placeholder images or fun
graphics).
■ Name: Use some demo pets out of your imagination.
■ Planet of Origin: Where is the pet from?
■ Adopt Button: Add the pet to the user's adoption list.(You can add
any quantity of the pet and not just a single, so give -/+ buttons to
update the quantity.)
2. Shopping Cart Page-
○ Display current cart state with all pets which user added and total amount.
■ You can still update the quantity / remove a pet from your cart.
3. Adoption List Page-
○ Display a list of adopted pets with their details.
4. Navigation-
○ Add a navigation bar with links to:
■ Home (Landing Page)
■ Cart
■ Adoption List
5. State Management-
○ Use React Hooks and any lightweight state management library. (e.g
Zustand/ React context)
Technical Specifications:
1. Build the app using Next.js.
2. Style the app with Tailwind CSS and incorporate components from shadcn/ui.
3. Use localStorage or a similar solution to persist the adoption list data across page
reloads.
4. Ensure a mobile-first design that scales beautifully for desktops and tablet.
Assessment Criteria:
1. Presence of all basic requirements mentioned.
2. Code structure, readability, and use of hooks/state management.
3. Mobile-first design and responsive UI.
4. Overall user experience and flow.
Hints:
- If you don’t already, consider using Claude and Bing AI instead of ChatGPT. This is
only a suggestion and you’re absolutely free to use any generative AI of your choice
if need be.
-You are free to make assumptions wherever you feel confused.