bsoc-bitbyte / bsoc-bitbyte/Nudj

Implement Home Screen

Open
#38 3 comments 0 reactions 1 assignee Claimed by @dhruvbohra30 View on GitHub
BSoC'26 difficulty: Medium
Dominant language
Kotlin
Stars
21
Forks
20
PR merge metrics
No merged PRs in 30d

Description

## *Task*: Implement Home Screen

**Reference Figma Design**:- [Figma](https://www.figma.com/design/HNX5iayE71Q3w8SkHO7RCh/Nudj-26-Figma-Design?node-id=0-1&p=f&t=kmLGVhbhhUK6riSR-0)

## Implementation Flow

### Screens & Components to Implement
You need to implement one screens:
1. HomeScreen

You need to implement one component:
1. Search Bar

#### _(Note:- No need to implement bottom navigation bar in this issue )_
---

### Component Usage Guidelines
- Just use `NudjTopBar` component from the components section, modify it according to the design with no functionality for now.
- Register the SearchBar under components section.
- Make three separate card composables for each type i.e:- General Event Card, Club Event Card and Club Card.
- Use `LocalAppColors` for the color and theme and follow the same from the figma design.
- Use material theme typography to match with the figma design.
- Make sure the cards in each section are horizontally scrollable, use a jetpack compose function to have this functionality.

---

### Testing Instructions
- No need to set up navigation or to connect the screens to the existing navigation graph right now.
- To test screens:-
- Comment out the existing navigation graph inside `MainActivity` and call the composable. But undo every testing changes after the work is done.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.