Security Camera Simulator

🚀 https://www.infinitioptics.com/cameras/neptune

Frontend application which I built while I was doing an internship as a web developer with Breeze Digital. I updated a previous simulator which was build with HTML and jquery and moved it into a React application which could be connected with the backend for different camera simulations.

Work project which is in production on the client's website. Find the simulator within their product pages, link above goes to the neptune camera page.

Built with ➡️

MathWiz

🚀

Front-end Back-end

Full-stack application, React for the frontend, and Node for the backend. An interactive multiplication app for all ages to work on their multiplication skills. This was inspired by Wordle!

Personal project to help my kids with multiplication.

Frontend: React; Backend: Node, Express

Built with ➡️

reconnector

🚀 https://reconnector.vercel.app/

Having common interests can create empathy and understanding between co-workers. As companies go remote giving employees more freedom it can remove the a company’s culture by not giving the opportunity for co-workers to find common interests outside of work. Our app helps to build that bridge. We want to repair those bonds of common interest but also bring a sense of company pride and gamification to it. As companies take the step towards going fully remote, employees can lose the banter and kinship. With our app you can share events with other employees and compete against other companies for points.

The team, consisting of five passionate developers, united through the dynamic Hackathon discord channel. With their unwavering dedication and boundless creativity. The team's meticulous planning involved the creation of tickets and tasks, seamlessly organized through a Trello board. Furthermore, they maintained daily communication via Discord, fostering a harmonious synergy that propelled the project forward.

Frontend: React; Database and Authorization: Supabase.

Built with ➡️

Solar System

🚀 https://intergalactic-planetary.netlify.app/

Front-end Back-end

Intergalactic Planetary was meticulously crafted as an ambitious endeavor for a thrilling week-long hackathon. The hackathon presented a unique challenge: to create a full-stack application that would enable students to delve into the awe-inspiring realm of the solar system. As an added twist, the team was required to style all the planets using CSS alone, showcasing their mastery of front-end design. Moreover, each planet was given its own distinctive page, brimming with captivating and distinct information, offering a comprehensive learning experience for students.

The team, consisting of three highly skilled and passionate developers, united through the dynamic Hackathon discord channel. With their unwavering dedication and boundless creativity. The team's meticulous planning involved the creation of tickets and tasks, seamlessly organized through a Trello board. Furthermore, they maintained daily communication via Discord, fostering a harmonious synergy that propelled the project forward.

To bring this vision to life, the team employed cutting-edge technologies. The React framework was chosen to power the dynamic front-end, ensuring a seamless and interactive user interface. For the back-end infrastructure, a robust MySQL database was meticulously designed and implemented, leveraging the power of AWS for hosting and scalability. Amidst fierce competition from five exceptional teams, we humbly stand as the triumphant victors.

Built with ➡️

Operation Mother Earth

🚀 https://operation-mother-earth.netlify.app/

Front-end Back-end

Operation Mother Earth is an innovative and comprehensive full-stack application designed to educate children about the pressing issue of electronic waste.

A wireframe for the web application was created with Figma and tasks and tickets where organzied using a Trello board. The board helped to focus on the tasks to be completed within the tight two-week timeframe and not to get sucked into the rabit hole a less important issue.

Rooted in React, this multi-page application seamlessly leverages MongoDB as its robust and reliable database. The application features three engaging sections, each with a unique purpose. The Storyboard Game section invites children on an interactive journey, allowing them to explore the world of electronic waste through captivating storytelling. The Electronic Waste Recycling Center Finder, uses Google APIs to locate recycling centers within a 10km radius of the user. The results are then mapped onto the interactive map and listed below the map. The user can also add an e-waste recycling center to the map, using Google API Geocode. The Education section further enhances learning through a combination of engaging videos and informative Q&A sessions. Users can add their questions to the database, which will be answered at a later time.

Built with ➡️

Briancon Fantomes

🚀 https://brianconfantomes.com

Briancon Fantomes is an exceptional audio tour business nestled in the charming locale of Briancon, France. As a fully functional business page, it offers visitors an immersive experience through captivating audio tours available in both French and English, complemented by a comprehensive map highlighting all the tour stops.

To maximize its online presence and reach, the website cleverly utilizes cross-referencing with popular platforms such as Google, Facebook, Instagram, TripAdvisor, and Spotify. This strategic integration not only enhances the visibility of Briancon Fantomes but also amplifies its Search Engine Optimization (SEO), ensuring that it garners the attention it deserves. I also researched the history, wrote the chapters, picked the music, and found a third-party contractor to record the audio in French and English.

The application was built with React and Tailwind and to enhance the user experience, the page leverages the power of remarkable npm libraries such as Framer-motion and React-audio-player. The website incorporates separate JSON files to store text content in both French and English. This intelligent design allows for easy language switching, facilitated by React useContext.

Built with ➡️

Instock

Front-end Back-end

Instock was a collaborative project at Brainstation, where a team of three ambitious software developers worked together for five days to create a comprehensive full-stack application. Our goal was to implement CRUD operations, establish seamless responsiveness across different window frame sizes, and enable multiple data tables to interact seamlessly.

To streamline our workflow, we utilized Jira tickets to organize tasks and ensure efficient task management. Additionally, all code commits were subjected to thorough team reviews to maintain code quality and cohesion.

The application we developed enables users to effortlessly add, remove, and edit warehouses from an existing warehouse list. Furthermore, users can manage the inventory of each warehouse, allowing for convenient item stocking. We employed React for the frontend development, leveraging its powerful capabilities. On the backend, we utilized Node.js and Express to create a robust and efficient server. Data storage was accomplished using a JSON file stored on the backend, which we accessed through the RESTful APIs we developed. Overall, our team successfully collaborated to deliver a responsive, user-friendly application with seamless data interaction and comprehensive CRUD functionality.

Built with ➡️

Bike Briancon

🚀 https://revyrob.github.io/bikeBriancon/

My first website build ever. I wanted to learn about QGIS (similar to ArcGIS, but open source) and web development. I was living in Briancon, France and I found that the bike trail communication was poor so I started recording my trails and scraping trail data off of other sites.

As I learned new skills I incorporated them into the website.

The web app gives a map where you can geolocate yourself and find out general information on each trail by clicking on it and a pop-up will appear. I also added additional information, like biking guide companies I rode and talked to about local trails and hazards in the mountains such as sheep dogs.

Built with ➡️