Contacts and Notes Apps

• 

  These are the functions and methods as well as variables used

• 

  These are the functions and methods of the project

• 

  This the intro/pages before apps

• 

  This the intro/pages before apps

• 

  This the code for the contact app and phone app

• 

  This the code for the contact app and phone app

• 

  This the code for the contact app and phone app

• 

  This the code for the contact app and phone app

• 

  This the code for the contact app and phone app

• 

  This the code for the contact and phone app

• 

  These are the styles that I used during this project

• 

  These are the styles that I used during this project

• 

  These are the styles that I used during this project

• 

  These are the styles that I used during this project

• 

  These are the styles that I used during this project

Inspiration:

I was inspired by losing my contacts when I transferred to a different phone

What it does:

The project acts as a phone that navigates between two apps: contacts and notes.

How I built it:

I programmed my project through the coding language of React Native via CodeHS.

Challenges I ran into:

I had difficulties implementing my previous page variable. For example in my displayPage method: '''if(oldPageStore[i] == 'block'){ this.state.previous = i }''' Stores the most recent page the user entered I struggled with storing each note in an array without overlapping into another note. '''notePage = (note) => { this.state.currentNote = note.index; this.state.currName = note.name; this.state.currBody = note.body; this.displayPage(4); };''' I needed to use this function to prevent this repeating issue. @Param - note - the current note that the user enters.

Accomplishments that I'm proud of:

I am proud of how I was able to create a phone-like simulator and creating a previous page function. Also, I am impressed by my user-friendly design with minimal design and logic errors.

What I learned

As this is my first hackathon, I learned how to properly manage my time to work constantly under-pressure. Also, I learned how I can utilize numerous lessons from my past school experiences in real-life situations.

What's next for Contacts and Notes Apps

I will combine these projects and start making gaming apps to make a user-friendly program to cater to all audiences. Or, I will continue to make recording apps like voice memos and file documentation apps like Google docs and Google slides.

Built With

• codehs
• react-native