Giter Club home page Giter Club logo

hack_past's Introduction

TheLostHistory

Take a sip and deep dive into the monuments and culture that have been lost.

๐Ÿ’ก Inspiration

We all know many cultural and historical sites have been destroyed, flooded, bombed, and whatnot. We never got a good glimpse of them since we could not go in the past. Thanks to technologies out there we are able to tackle this as well and take a deep dive into all the monuments and cultures that have been lost. Here comes our web application "TheLostHistory". On our website, you can take a sneak peek at different ancient heritage from Chinese cities-Xi'an, Meca Verde, Valley Of The Kings to Mar Saba, Castle Of La Muela, and Histria Fortress. On "TheLostHistory", learn about the history of the world and how it has changed over time. To get a better view we have even made 3D models of various ancient monuments on the map.

๐Ÿ’ป What it does

Our web app TheLostHistory is built with features:

  • Learn more about various ancient civilizations and their contributions to the world.
  • Learn about the history of the world and how it has changed over time.
  • View the 3D model of various ancient monuments on the map.
  • Learn the loaction of various ancient monuments on the map.

โš™๏ธ How we built it

  • Frontend: HTML, CSS and Js
  • Backend: Django
  • User Auth: Auth0
  • Three Js: Rendering 3D models

๐Ÿ” Best Use of Auth0

Because we wanted to create an extremely secure application, we used the Auth0 authentication system for user sign-in. With thorough statistics, a wide range of possible providers, and a selection of user-friendly features the developer will truly like, Auth0 offers the most comprehensive capabilities to assure user authentication and authorization. When developing the app, we used social services like Google, which is enabled by Auth0, to log in.

๐Ÿง  Challenges we ran into

  • Completing the project was a challenge because we had to implement the project by a deadline.
  • It was my first time building a backend with Django, and learning how to use it with Fronend.
  • It was a bit difficult to implement the Three Js and add 3D models on the map.

๐Ÿ… Accomplishments that we're proud of

  • We are proud of the fact that we were able to complete the project in the given time.
  • We are proud of the fact that we were able to implement the 3D Model on Map feature in the project.

๐Ÿ“– What we learned

  • How to use Django with Frontend.
  • How to use Three Js with Maps.

๐Ÿš€ What's next for TheLostHistory

  • Building a mobile app.
  • Adding more 3D models.
  • Adding more features.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.