Giter Club home page Giter Club logo

project_dome's Introduction

Authors

Roshin Nishad // 2020BCS0019

Ishaan Mahesh // 2020BCS0054

Inspiration

From the beautiful modern design trends such as neumorphism, glass, and fluent design, along with the stunning functionality of modern-day web application - We have conjured a set of web pages made to encapsulate the user in its silky looks and captivating functionality

What it does

It is a set of productivity tools and stress relievers, made to help you with your work or to whisk you away from it when it's needed.

How we built it

By Splitting the work >> Styling (CSS) of all pages of Project Dome, all functionalities of the Homepage, sign-in page, Mission Control, Neumorphic calculator, and select javascript of other pages done by Roshin.

The canvas itself and the several functionalities of the CanvasPad, all functionalities of the Shape Bender including Trail - Mode, and overall javascript and general working order of Project Dome overseen and done by Ishaan.

Challenges we ran into

The dynamic homepages' look and feel including text contrast with the background image required lots of trial and error, several CSS design issues including contrast, overall look and feel, and getting the JavaScript of several pages including downloading of the canvas image, link sharing of the canvas, and the trail-Mode of the Shape Bender was quite difficult.

Accomplishments that we're proud of

An increased grasp of modern UI and UX that pleases the user, understanding the newly-learned code that was required to make the canvas and shape bender work and their incredible other uses that we could take advantage of to make new and exciting projects. And most importantly creating this project under immense pressure and making sure the project was as polished as possible under tight time constraints. Many difficulties were faced in these three days and the team members were heavily preoccupied with out-of-home vacations and family life during the time of this project, but we overcame them to create the best project we possibly could for HACKoona Matata.

What we Learned

We learned lots of new code, advanced forms of JavaScript, and CSS to take us to the next level of web development and beyond.

What's Next for Project Dome

The addition of more exciting web pages like the shape bender that creates fun for the user while looking well designed. Improved speed, functionality, and quality of the overall website for future editions. A backend server to take load off of the users' devices and to store their private details in an encrypted format.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

project_dome's People

Watchers

 avatar

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.