Skip to content

Nathan Tang's submission for the 2020 HackUCI Tech Deliverable

Notifications You must be signed in to change notification settings

nathan-tang/HackUCI-Tech-Deliverable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HackUCI - Voyager Expansion

Acknowledgements:

Paralax Stars - CSS 
    Original Template Made By Saransh Sinha
    linkedin.com/in/saranshsinha
    https://codepen.io/saransh/pen/BKJun

How was building it:

This was my first project in React.js and also my first time experiementing with 
HTML Requests. As a result, it is a little bit sloppier than how I would like it to be.
Nonetheless, I understand that this is a learning process.

Thus, I hope to be able to participate in more HackUCI events in the future to better 
develop my programming abilities. It was actually ZotHacks 2019 that first introduced 
me to web development and ever since then I have been experiementing whenever I had time.

This deliverable had me experiment with a lot of things I was not previously comfortable 
with. For example: 

    React.js, Axios (HTML Requests), and CSS Media Queries.

All of which are essential to proper web design. So I am actually grateful for this
opportunity as it allowed me to grow and exit my comfort zone! Thank you!

How it looks:

Desktop View (Left to Right Gradient):
\\ stars move from right to left.

desktop-View

Mobile View (Top to Bottom Gradient):
\\ stars move from bottom to top.

mobile-view

Form Inputs:

Trying to Submit with an empty form results in:

empty-form

Submitting with only a name results in:

name-only-form

Email Verfication built in:

email-verfication

Form is visibly successfuly and cleared:

form-on-sucess

On success provides a toast:

toastify-response

Getting a proper code 200 status:

reasonable-get-request

Voyager Expansion:

I named it Voyager Expansion because of the NASA 1977 Voyager program where two robotic
probes were sent out to explore the furthest reaches of our solar system and beyond.
I feel like that is the essense of hackthons - the ambition and the curiousity to 
explore the limits of our own abilities and go further beyond.

That, and I thought it would sound cool.

Made with React.js & Bootstrap 4

About

Nathan Tang's submission for the 2020 HackUCI Tech Deliverable

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published