Skip to content

Mobile application development with React Native!

Notifications You must be signed in to change notification settings

Jenspi/mobiledev

Repository files navigation

Installation

Installation slides can be found here.

Preqeqs

  • Git
  • Node
    1. Type the following into the terminal:
      curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.3/install.sh | bash
      
    2. Exit terminal and reopen.
    3. Type nvm and you will get a response if it worked.
    4. Install version 16: nvm install 16.
    5. Make your alias: nvm alias default 16.
    6. Verify that node -v returns the correct version.
  • NPM
    1. Go to the directory the project is in and open a terminal window there.
    2. npm install --legacy-peer-deps
    3. You will see a folder named node_modules in the directory once done.
    4. npm start

Running the projects

With the terminal

Use npm start in the terminal and scan the QR code that shows up. You will need the Expo Go app, where this QR code will redirect to.

With Android Studio

Open project in Android Studio > add a device in the Device Manager > npm start in the Android Studio terminal > press "a" for Android.

Project Descriptions



Main Code Directory

→ Main page, listing (almost, if not all) every project all on one page. Aesthetics currently not the best, because I was consistently adding to it throughout the semester. This project lists concepts and which projects we made with these new concepts. Individual work.




Learning FlatLists

→ One challenge, learning to use flatlists (with a Pokémon theme). Individual work.




HW1: Hello World!

→ Simple Hello World. Talked about my summer and went out of my way to make it scrollable, have color/font weight & styling, and have photos. Individual work.




HW2: Combat Game

→ [Unfinished] A turn-based mobile combat game. Could not get the monster to attack back and other small details. Individual work.




HW3: CRUD Heroes

→ A game closely modeled after our Blog project, which was worked on together in class. Following CRUD, you can Create randomly generated heroes, Read heroes listed in the rosters, Update by sending heroes to complete missions, and Delete heroes with bad rolls or that have died. Individual work.




Blog Application

→ Following the professor, we created a blog app using CRUD. This app was before learning persistent data.




Yelp! Clone

→ Following the professor, we used the Yelp! API to create a Yelp! clone.




Persistent Data

→ [Unfinished] Server for persistent data.

Group project

ScholarUp

Group project that ran for the entire semester!

→ 🥇 ScholarUp won 1st Place in oral presentations at InnovateUNO in November 2023.
→ 🎤 ScholarUp was presented at the University of Louisiana Academic Summit in April 2024.

About

Mobile application development with React Native!

Topics

Resources

Stars

Watchers

Forks