As part of the UCL IXN, I had the opportunity to work alongside Microsoft to create a web app for the "Red Panda Network" to streamline major ineffeciencies in their workflow. Project 15​ from Microsoft is on a mission to accelerate innovation in environmental conservation and ecological sustainability. Cloud computing, Internet of Things (IoT) and Artificial Intelligence (AI) bring great opportunity to drive advancements in a myriad of sustainability efforts including preserving biodiversity and protecting critical habitat.

Technologies Used:

• Client Side: HTML, CSS, SASS, Bootstrap, JS
• Server Side: Python Flask
• Other: Azure, Azure Maps

Became interested in flask and thence socketIO so decided to create a basic chat app to strengthen my knowledge. User chooses a username and enters the app. They can interact in the current public chats by sending messages or GIFs. They can star messages to save them to their "Starred messages" tab. The user can create their own public/private chats using a pop up modal. The user can join private chat rooms if they know the name of it. The user can DM anyone thats online by clicking their name in the top right corner.

Technologies Used:

• Client Side: HTML, CSS, SASS, Bootstrap, JS
• Server Side: Python Flask
• Other: SocketIO, GIPHY API

The goal was to create a collaborative whiteboard tool similar to webwhiteboard.com

How it works?

• Users enter their username
• Users then enter a room ID or create a private room. The room ID is a 16 char hex string that is randomly generated client side. (Still need to make sure that the room ID doesn't exist already on the server which is a low priority addition)
• Once the user is in the room, they can draw on the canvas with everyone else in the room
• They can also communicate with one another using the chat feature which includes sending and receiving GIFs

This platform will soon be launched at my univeristy for the arab + north african society to connect alumni students with current students in a mentor/mentee arrangement. This platform will also help with networking as students can browse through and contact all users. And finally it will be beneficial to students as they share resources on the resources section.

Technologies used:

• Python Flask
• Bootstrap
• PostgreSQL database

I have had experience developing static frontend websites and decided to begin learning dynamic content generation and basically how to create full stack apps.

The database contains a selection of books. Users can search for a book from the database by ISBN, title or author. For non unique queries, the user is then shown a list of all matching results. From these results, the user can then view information regarding the book which is retrieved through the GoodReads API. The user can then see all the reviews left by fellow users on the system as well as leaving their own reviews.

Technologies used:

• Python Flask
• HTML, CSS, Bootstrap
• PostgreSQL on heroku

A web app made using Python Django and Javascript simulating a restaurant ordering system. Users can browse the restaurant’s menu, add items to their cart, and submit their orders. Meanwhile, the restaurant owners can add and update menu items (using the Django Admin interface), and view orders that have been placed (using page in the interface). Styling is done using Bootstrap.

App Features:

• Adding Items: Using Django Admin, site administrators can add, update, and remove items on the menu.
• Registration, Login, Logout: Site users can register for the web application with a username, password, first name, last name, and email address.
• Shopping Cart: Once logged in, users see a representation of the restaurant’s menu, where they can add items (along with toppings or extras, if appropriate) to their virtual “shopping cart.” The contents of the shopping are saved even if a user closes the window, or logs out and logs back in again.
• Placing an Order: Once there is at least one item in a user’s shopping cart, users can place an order, whereby the user is asked to confirm the items in the shopping cart.
• Viewing Orders: Site administrators can view any orders that have already been placed. Site users can see their history of orders by navigating to the same page.