Tracks & Prizes (Feed Page)

File location

Here is the file location of the Prizes 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

git checkout main to position yourself in the main branch first
git pull for latest change if there's any
git checkout -b "feed-page/prizes" to create a new branch
npm run format to run formatter before commit + push your change
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.

acmcsufoss / fullyhacks