sky777666 / hackathon2020

Hackathon 8/2020 3 Dev's and 3 Designers 1 Day build !

Hackathon2020

Hackathon - GA Team 4

Application Name: Wonderlist

ABOUT

Wonderlist is an elegant mobile first first design which allows users to choose between an almost infinite list of landmark images from around the world. They can click on the landmark button to get a location, map and information about the landmark they are viewing. They can like or dislike landmark images to make a favorite list of these places. They can collect a beautiful collection of images from around the world or they can use our app to build a visual travel bucket list of all the places in the world they want to visit and go see. Now with the help of world of beauty the world is open up to all to view and explore.

📝 Getting Started

TEAM PLANNING

For the “ Hackathon “ our team of six was given 28 hours to work together and come up with a working project or proof of concept application. We started with brainstorming and going over different project ideas. After going over different project ideas the group of 3 UX designers and 3 Software developers finally settled on a project idea they liked and felt they could accomplish in 28 hours !

UX DESIGN & PLANNING

The UX team broke off into a separate working group and started on the design and layout. This is a small example of some of their working examples.

:::

DEVELOPMENT TEAM

After initial project planning the development team started working on basic functionality and routing. Attached are some of the technologies we used and steps in our coding process.

:::

TECKNOLOGIES USED

1.HTML:5 2.CSS:3 3.Node.js 4.JavaScript 5.React.js 6.Mock Data - JSON Data

Step 2: LAYOUT AND GETTING GOING

• Create a HackMD README (this one!)
• Create Wire Frame
• Create E.R.D
• Use React Router, make a list of routes, NPM and data.json file content and structure.
• Write Pseudo Code to layout ideas and requirments.

🚀

Step 3: BUILD A MOCK-DATABASE for Hackathon

Data.json: Example

[ { "name": "Great Barrier Reef", "city": "Queensland", "country":"Australia", "desc": "Sea turtle great barrier reef", "image": "https://images.unsplash.com/photo-1540158658566-..., "language": "English", "currency": "Dollars", "climate": "Subtropical", "location": "https://qph.fs.quoracdn.net/main-qimg-...: 0 },

FINISHING UP

After coding late into the night the development team finished all of the major functionality. Morning of deployment we all got together to finish style, formatting, and going over final design and presentation details. See what we created in a 28 hour time limit or little over 1 day !

---

MEET THE TEAM

:::

• Table of Content [ToC]

Hackathon2020