- Make account at https://www.figma.com/ using a personal (non-NCSU) email.
- Login to your new account.
- Create a new design file and open it.
- In the sidebar on the left, click "Assets" to go into the Assets menu.
- Locate and select "iOS 18 and iPadOS 18" library and select it.
- Find the "Bezels" section of the library and drag an iPhone 16 bezel into the design area.
Design a screen for a simple counter app. The screen should feature a number in the center that can be incremented or decremented by clicking different buttons. The screen does not need to be functional (i.e. the buttons don't need to actually change the number).
Achieve this design using using only assets from the "iOS and iPadOS 18" and "Material Design 3" libraries. You are not required to use both of these, but you are not allowed to use other asset libraries.
An example can be found here: https://tallycount.app/
When you are finished, add it to this repo in the counter-designs
folder by doing the following:
- Clone the repo to your local machine:
git clone [email protected]:NCSU-App-Development-Club/react-native-s25.git
cd react-native-s25
-
Create a new branch:
git checkout -b <firstName-lastName>
(for example,
Abel Lu
would create a branch calledabel-lu
by runninggit checkout -b abel-lu
) -
Push the new branch by running:
git push --set-upstream origin <firstName-lastName>
-
Export your Figma design--go to the right menu, which should have an
Export
section, and clickExport <your design name>
--add it to thecounter-designs
directory on your local version of the repo, then rename it toyour-name.png
(with your full name; same format as the branch name, likeabel-lu.png
)
- Stage and commit your changes, then push to the GitHub repository (you can replace the commit message
my design
with whatever you want, and branch-name will be your name, ex.abel-lu
):
git add .
git commit -m "my design"
git push
- Open a Pull Request on GitHub: go to the
Pull requests
tab, clickNew pull request
, ensure that thebase
branch ismain
and thecompare
branch is the branch you created (e.g.abel-lu
), and clickCreate pull request
. Finally, clickCreate pull request
again on this page.