FullyPacks (Feed Page)

[tomasohCHOM]

File location

Here is the file location of the FullyPacks Component, where you can start coding

The file location of the Feed component can be found here, which is mounted in here

Design

Refer to this Figma design

[EDIT: Changed Figma design and Figma file url]

Reference

• All of custom colors, font size is labeled according to tailwind.config.js, feel free to change it since the color was from 2023
• TailwindCSS home page to learn how to use TailwindCSS for styling

Ex:

<div className='text-light_blue text-3xl font-bold'>

will give you light blue text color, font size = 3xl = 2rem according to tailwind.config.js and bolded

Icons

All of the icons can be imported from React-icons (Refer to it to find the icon name) Ex:

import {AiOutlineSearch} from 'react-icons/ai';

Then you can use it as a component and customize color + size

<div className=''>
  <AiOutlineSearch size={34} color='#00000'/>
</div>

Contributing

1. git checkout main to position yourself in the main branch first
2. git pull for latest change if there's any
3. git checkout -b "feed-page/prizes" to create a new branch
4. npm run format to run formatter before commit + push your change
5. Assign reviewer before merging code + attach screenshot to make sure it works

NOTE: In order to contribute, you must have submitted your application via this page and must have been approved by the Fullyhacks directors. You will also need access to development environmental variables.

[JeremiahHerring]

finished - jeremiah