GeoBites

Video Demo: https://www.youtube.com/watch?v=Ud4SY8BJdlo

Description: Discover the world, one fact at a time. CS50 Final Project ✨

Preview

Tech Stack

• Ruby on rails
• Javascript
• CSS
• HTML
• SCSS
• Bootstrap
• Devise
• OpenAI API
• MapBox API

Features

• Navigation
• Fact generating
• bookmark

How it works

• Explore the Globe & Click on a Location
• Learn a random Fact
• Bookmark what's interesting

Future Improvements

• Generate Flag Emoji after city and country
• Dynamic Layout to Mobile
• Phone App

Building

The Le Wagon docs had most of what I needed. Most of the app felt quite easy to code, the front-end especially considering I used bootstrap and spacers from SCSS. The login was built with the Devise gem. I could have also used a gem for the bookmark feature but decided that I wanted a challenge. For the most part- the project is an accumulation of simpler versions of other projects I've worked on. It just felt perfect for CS50. I originally had a python quiz app which I almost completed 6 months prior finishing this. However, doing a bootcamp in-between and switching to ruby made me want to build my final project with my lastest learnings. I did enjoy making this app!

Design Choices

The whole brainstorming phase to Ideation of the design was on Figma and I'm satisfied how I was able to built it exactly how I envisioned it. Clean and Sleek was the goal!

Author

Marlon Steiner

Fullstack Developer

📍 St.Gallen, Switzerland

[email protected]

LinkedIn Start-Up