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

Front-end

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 ➡️