Overall
Login
Login_Running_Web
Dashboard
Dashboard_Running_web

Welcome to Nexus! 🚀🌩️👨‍💻

Inspiration

We were inspired to create Nexus because we noticed a lack of user-friendly cloud storage dashboards that could effectively visualize the contents of different cloud storage providers. We wanted to create a platform that could provide real-time monitoring and support for multiple cloud storage providers while also ensuring the privacy and security of sensitive data.

What it does

Nexus is a dashboard for managing cloud storage environments, such as Google Drive, OneDrive, and Dropbox. It provides a unified view of your content across multiple cloud storage providers, an easy-to-use interface for managing and organizing cloud storage resources, and robust security features to ensure the privacy and security of sensitive data.

Functions ⚒️

📊 Real-time monitoring and visualization of cloud storage usage metrics
🌐 Support for multiple cloud storage providers
💻 Easy-to-use interface for managing and organizing cloud storage resources
🔒 Robust security features to ensure the privacy and security of sensitive data.

How we built it

We built Nexus using a combination of Angular on the frontend, REST APIs on the backend, and Sass (or Less) for CSS preprocessing. We used Angular Material to provide a modern and responsive UI, and we integrated the backend with different cloud storage providers using their APIs. We also prioritized security throughout the development process, implementing robust measures to protect sensitive data.

Challenges we ran into

One of the main challenges we faced was integrating the APIs of different cloud storage providers, which required significant research and experimentation to get right. We also had to deal with complex data structures and large datasets, which posed additional challenges in terms of performance and scalability.

Accomplishments that we're proud of

We're proud of creating a dashboard that provides a user-friendly and secure way to manage cloud storage resources across multiple providers. We're also proud of the technical achievements we made in terms of integrating multiple cloud storage providers and creating a responsive and intuitive UI.

What we learned

We learned a lot about the complexities of working with cloud storage systems and the importance of robust security measures to protect sensitive data. We also gained valuable experience in integrating different APIs and working with large datasets.

What's next for Nexus

In the future, we plan to add support for more cloud storage providers and additional features to further enhance the usability and functionality of Nexus. We also plan to continue improving the security of the platform and staying up-to-date with the latest best practices in cloud storage and web application development.

Tech Stack

This project uses the following technologies:

Angular on the frontend
REST APIs on the backend using Springboot
Sass (or Less) for CSS preprocessing

Design

The design for this project can be found on Figma: https://www.figma.com/file/dlP4wMXdzC0pikoE5FA4fC/Nexus?node-id=0%3A1&t=ToEznYobRr1aghEN-1

Development

To get started with the development of this project, you will need to have the following tools installed on your computer:

Node.js
Angular CLI

Once you have these tools installed, you can follow these steps to set up your development environment:

Clone the repository to your local machine
Navigate to the Nexus folder and run npm install to install all required dependencies
Navigate to the NexusAPI folder and run mvn spring-boot:run to start the backend server
Run ng serve in the Nexus folder to start a local development server for the frontend
Open your browser and navigate to http://localhost:4200 to access the dashboard

Contributing

This project is open-source and welcomes contributions from the community. If you are interested in contributing, please feel free to fork this repository and submit a pull request.

License

This project is licensed under the MIT License.

Built With

angular.js
material
restapi
sass
springboot
svg

Submitted to

Bay Area Hacks

Created by

For the hackathon, my main contribution was to develop the frontend of our project using Angular. I collaborated closely with the team members responsible for the backend to ensure that the two components worked seamlessly together.

I was responsible for implementing the user interface and creating responsive design for the project. I worked with my team to develop a user-friendly dashboard that made it easy for users to monitor and visualize performance metrics of cloud computing systems. I also implemented robust security features to ensure that sensitive data was secure.

In addition to my primary responsibilities, I also collaborated with other team members on tasks such as troubleshooting and debugging issues, and providing technical support where needed.

Overall, my contribution was critical to the success of our project, and I am proud to have been part of such a talented and hardworking team.

Ji Min Song
This project, was very tough to make and be use-able, at its current stage, we've finished a lot of our front-end, and made some good progress in backend, and focused on making decently secured. The only thing I regret, is not being able to make it hookup to cloud apis yet. The challenges we had though were a whole journey of themselves, with going down a lot of rabbit holes. For me it was my first time using typescript, so hopefully its a decent project!

Pokey Ali
"I'm everywhere" - Someone
Our primary objective for this hackathon was to deliver a fully functional project prototype on schedule, utilizing the AngularJS and SpringBoot frameworks. While my expertise lies primarily in the backend, I encountered some challenges due to my lack of recent experience with SpringBoot, which caused me to feel somewhat rusty. However, I worked collaboratively with my team to identify and overcome these obstacles, ultimately achieving our goal of producing a high-quality prototype in a timely manner.

Abdugafur Dalerzoda
I have contributed as a designer in the project. It was my first time working on an Angular application frontend. I wasn't familiar with Angular. It was challenging and exciting at the same time. I experienced many new details and errors as well. We, as a team, tried our best to make Nexus work as we expected.

Rabia Naz
ML Engineer | Technical Writer | UX Designer

Updates

Pokey Ali posted an update — Feb 20, 2023 07:41 PM EST

The login page was fixed before submitting project, due to not having enough time we unfortunately weren't able to show it off.

Log in or sign up for Devpost to join the conversation.

Ji Min Song started this project — Feb 20, 2023 02:59 PM EST

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.

Ji Min Song posted an update — Feb 19, 2023 05:18 PM EST

Hi everyone,

I'm excited to share the latest updates on Nexus! We've been working hard on some new features and improvements to make the app even more user-friendly and efficient. Here are the five features that we are planning to add to Nexus:

Improved search functionality - We plan to improve the search functionality to allow users to search for products and services with more accuracy and efficiency. This will involve implementing advanced search algorithms and filters to enhance the search experience.

Multi-language support - To cater to a wider user base, we plan to add support for multiple languages to Nexus. Users will be able to choose their preferred language from a list of available options.

Integration with popular payment gateways - We plan to integrate Nexus with popular payment gateways to allow users to make payments using their preferred payment methods. This will involve working with payment gateway APIs and implementing secure payment processing.

User feedback and reviews - We plan to add a feedback and review system to Nexus, allowing users to provide feedback and ratings for products and services. This will help other users make informed decisions when purchasing products or services on Nexus.

Mobile app - We plan to develop a mobile app for Nexus, allowing users to access the platform from their smartphones and tablets. The app will be available for both Android and iOS devices and will provide users with a seamless mobile experience.

Log in or sign up for Devpost to join the conversation.