Chingu.io: Build, Collaborate, Learn: Remote Projects V49 Showcase
Tags: webdev, showdev, career, chingu
Published: 2024-07-02 12:32:00

Celebrating the end of an inspiring six-week journey from May 6th to June 16th, 2024, we proudly present the achievements created by our collaborative teams. Congratulations to all participants who navigated this journey with creativity, teamwork, and dedication. Join us in recognizing the accomplishments that have emerged from this period of exploration and innovation.

[Tier 1 - HTML - Basic Javascript - Basic Algorithms (LANDING PAGES)](#hueharmonie)

[Tier 2 - Intermediate Algorithms - Front-end Projects (FRONT-END)](#colormind)

[Tier 3 - Advanced Projects - Apps having both Front-end and Back-end components (FULL STACK)](#book-corner)

# HueHarmonie

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ovk9u61ndisiuynzskoq.png)

*HueHarmonie is a color recommendation tool for designers, artists, and color enthusiasts, powered by the OpenAI API.*

**Tech-Stack:** React, JavaScript, HTML, CSS, Node.js

**Chingu project type:** Tier 1

**<u>Developers:</u>** sebin1858, ykrishnay_1244
**<u>Product Owner:</u>** jellymeow9739
**<u>Voyage Guide:</u>** jclipa

[Deployed app](https://v49-tier1-team-01-frontend.vercel.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier1-team-01/)

---

# Color harmony

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uvc872f5j75xbx5sh80e.png)


*color wheel to choose color combinations*

**Tech-Stack:** HTML , CSS , JAVASCRIPT

**Chingu project type:** Tier 1

**<u>Developers:</u>** litha_sikwana, bytesandroses

[Deployed app](https://color-harmony.netlify.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier1-team-02)

---

# Hue Harmony

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6l6y2f5q5tbiwykpf4my.png)


*Hue harmony is a single page application (SPA) that allows users to get color palette suggestion based on a base color and a color harmony. Hue Harmony leverages the power of AI to provide color palette suggestion for the user.*

**Tech-Stack:** HTML, CSS, Javascript, iro.js library, Groq AI API, Figma

**Chingu project type:** Tier 1

**<u>Developers:</u>** pera019_80051, flora8heart, diego75
**<u>Product Owner:</u>** ezeikan
**<u>Scrum Master:</u>** anitaby, jenj0880

[Deployed app](https://chingu-voyages.github.io/v49-tier1-team-03/)
[GitHub](https://github.com/chingu-voyages/v49-tier1-team-03)

---

# Color Harmonize

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/20jnyc52zmdiwkjn2qx8.png)

*Our project Color Harmonize is a Single - page application that provides intuitive color recommendation functionality to users. The users can choose the desired color from the color wheel or choose a color combination from a drop down menu and can also have a personalized color scheme recommendation from the AI assistant.*

**Tech-Stack:** node.js

**Chingu project type:** Tier 1

**<u>Developers:</u>** jod4374, nandhini7666
**<u>Product Owner:</u>** goldilocks0164
**<u>Scrum Master:</u>** .mikelovin, rybyrdsong
**<u>Voyage Guide:</u>** mNix#5589

[Deployed app](https://v49-tier1-team-05.netlify.app/)
[GitHub](https://chingu-voyages.github.io/v49-tier1-team-05/)

---

# ColorMind

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gh92f1az2o8o7ikgf3v0.png)

*ColorMind is a web app that helps users receive color recommendations based on a context. They can also simulate how the selected color might look like for people with vision deficiencies.*

**Tech-Stack:** Next.js, TypeScript, Tailwind CSS

**Chingu project type:** Tier 2

**<u>Developers:</u>** zarrarabid122, perry3568, Riry#8244, andrei2020
**<u>Voyage Guide:</u>** Adham435#5688

[Deployed app](https://v49-tier2-team-12.vercel.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-12)

---

# Glow Guide

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18akb03pkfokv2fwgei1.png)

*GlowGuide is a web application that gives users various option like choosing number of colors and color harmony, so they can get best matching colors based on a chosen context. After user picks their desired color and context they get an AI response with compatible colors, recommendations and also appropriate description.*

**Tech-Stack:** React, vanilla css

**Chingu project type:** Tier 2

**<u>Developers:</u>** lakshmidevikanala, nemanjagradic., mikoann_27052
**<u>Voyage Guide:</u>** simonc137

[Deployed app](https://glowguideforcolors.netlify.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-14)

---

# Color Inspo

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/idz55dhcirhd29o1s393.png)

*A color matching app that acts as a personal consultant, helping users find harmonious color combinations for outfits, interior design, website design, graphic design, and more.*

**Tech-Stack:** React, TypeScript, Tailwind CSS, Vite, ESLint Radix UI and OpenAI

**Chingu project type:** Tier 2

**<u>Developers:</u>** theothernicola, Fouad#1791, stan1sl4w, feliperdamaceno, yourgirlria.
**<u>Scrum Master:</u>** DominicQ#4231
**<u>Voyage Guide:</u>** simonc137

[Deployed app](https://v49-tier2-team-15.netlify.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-15)

---

# Color Compass

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d4o8r292pcewcmbjeo07.png)


*This is a color recommendation app, it recommends colors to the user depending on the user needs.*

**Tech-Stack:** React.js + Vite, React Router, Tailwind CSS, Context API GROQ API, JavaScript Git & GitHub (for version control), Jira, Figma

**Chingu project type:** Tier 2

**<u>Developers:</u>** smkz829, florensi#4142, mNix#5589, kseniaistratova, brockdrummer, frosty5493
**<u>Scrum Master:</u>** valpolarbear

[Deployed app](https://development--v49-tier2-team-16.netlify.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-16)

---

# Color Explorer

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2edpkh2d5fh0thh2bpfq.png)


*A color palette generator built with React. It uses the Groq API to provide colour combinations to complement a user entered colour and a context.*

**Tech-Stack:** React

**Chingu project type:** Tier 2

**<u>Developer:</u>** nschiewer
**<u>Voyage Guide:</u>** Paulpessoa#8488

[Deployed app](https://v49-tier2-team-17.netlify.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-17)

---

# PalettePro

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jrzfaecs1ibkicropqy2.png)


*PalettePro is an AI-powered tool that recommends harmonious color schemes using a starting color, context and use-case information entered into form fields by the user, and connectivity to the Groq AI API.*

**Tech-Stack:** React, Vanilla CSS, Groq AI API, React Color, React-three/fiber, React-three/drei, React Icons, Framer Motion, Vite, Vercel

**Chingu project type:** Tier 2

**<u>Developers:</u>** darthwobbuffet, _shredzz, matthewneie_03831, machinex5
**<u>Voyage Guide:</u>** brockdrummer

[Deployed app](https://color-picker-project-omega.vercel.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-18)

---

# Colorme

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xd2q1lw1pzln09p02yqn.png)

*Colorme is a color chooser application designed to help developers and designers easily choose and manage color schemes for their projects.*

**Tech-Stack:** HTML/CSS, Javascript, React, Tailwind, Groq AI API, node.js, npm, vite

**Chingu project type:** Tier 2

**<u>Developers:</u>** liannagamete, corinna_79309, Deepali#7555
**<u>Data Scientist:</u>** hockeyheart
**<u>Scrum Master:</u>** memed6667
**<u>Voyage Guide:</u>** valpolarbear

[Demo](https://youtu.be/xnoxMtq2P7A)
[Deployed app](https://main--chingucolorme.netlify.app)
[GitHub](https://github.com/chingu-voyages/v49-tier2-team-19)

---

# Book Corner

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w9ae0brm5v8zrtrjbah3.png)


*Book Corner is a full stack MERN application, an online bookstore where users can view books, sign up, and sign in to add/remove books to their wishlist, and add/remove books to their cart. It also includes a protected admin dashboard where admins can view books, and add, edit and remove a book.*

**Tech-Stack:** MERN

**Chingu project type:** Tier 3

**<u>Developers:</u>** dickymr, shehroz#0127, astoge_, jessika#2132, _devim
**<u>Voyage Guide:</u>** bk7312

[Deployed app](https://book-corner.up.railway.app/admin)
[GitHub](https://github.com/chingu-voyages/v49-tier3-team-25)

---

# Pawfect Match

*Pawfect Match strives to simplify the pet adoption process by allowing both pet lovers and shelters to easily navigate the necessary procedures in one single place. Pawfect Match can be used by animal shelters to list the animals they have for adoption and follow up on any adoption application. Pet lovers can easily browse the existing listings from the shelter and express their interest in adopting the pet of their dreams.*

**Tech-Stack:** React, Typescript, Node Js, Prisma, Postgres

**Chingu project type:** Tier 3

**<u>Developers:</u>** cris.valente, Austine1, _carlos_morais_, andramertilos
**<u>UI/UX:</u>** amina0831
**<u>Voyage Guide:</u>** osayandeosarumen

[GitHub](https://github.com/chingu-voyages/v49-tier3-team-26)

---

# nest-ring

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dd0mzso2dmq5w8sd3i8e.png)


*A food app with features like: Food Delivery, Dine In, Events, Recipes, and a Cuisine Enthusiast Community.*

**Tech-Stack:** Next.js, shadcn-ui, Tailwind CSS, Figma, Cloudinary, Mongo DB, and Vercel

**Chingu project type:** Tier 3

**<u>Developers:</u>** jaweki, jdx_code
**<u>Product Owner:</u>** osayandeosarumen
**<u>Scrum Master:</u>** mariana004457
**<u>Voyage Guide:</u>** elias_sebastian

[Deployed app](https://nest-ring-app.vercel.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier3-team-27)

---

# Fitflex - Strength Training Tracker

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ay117jmwvhy0kribs9l.png)


*We are building a mobile-first web application that helps individuals who are interested in fitness and strength training to track their fitness progress by efficiently logging their exercise.*

**Tech-Stack:** Next.js, React, Typescript, MongoDB, Tailwind, Material UI

**Chingu project type:** Tier 3

**<u>Developers:</u>** deast#7374, Alan#5945, Tandid
**<u>Product Owner:</u>** helena5357
**<u>Voyage Guide:</u>** andresc1310

[Demo](https://youtu.be/7iDAEK9pctU)
[Deployed app](https://fit-flex-lime.vercel.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier3-team-28)

---

# Shelf Share

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7jjk8gsqw8qesdvkz509.png)


*A book lovers app to discover and manage favorites*

**Tech-Stack:** React, Node.js, Express.js, MonoDB

**Chingu project type:** Tier 3

**<u>Developers:</u>** jackieleary, jeisonrd, Alex_h#2355, yessnoo, Cheulgi#1173
**<u>Product Owner:</u>** mastercraft9090
**<u>Voyage Guide:</u>** andresc1310

[Deployed app](https://v49-tier3-team-29-xe1l.onrender.com/)
[GitHub](https://github.com/chingu-voyages/v49-tier3-team-29)

---

# road.map

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ten6xz73r7n1y17rezcc.png)


*The road.map() application is a cutting-edge educational tool designed to streamline and enhance the process of acquiring new web development skills.*

**Tech-Stack:** MongoDB, Express, React, Node.js

**Chingu project type:** Tier 3

**<u>Developers:</u>** nadiapiatetskaia, hoansdope, _humor

[Deployed app](https://roadmap-v49.netlify.app/)
[GitHub](https://github.com/chingu-voyages/v49-tier3-team-30, https://github.com/chingu-voyages/v49-tier3-team-30-be)

---

# Pawsitive

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s6lgfcvlfm3w8s6qkfml.png)


*Pawsitive is an app designed to connect pet owners and caregivers who live within a 5-10 mile radius. The app offers two types of services: daycare, which is provided hourly from 7 AM to 8 PM, and boarding, which can last up to one week*

**Tech-Stack:** ruby on rails , postgresql, tailwind

**Chingu project type:** Tier 3

**<u>Developers:</u>** exedot, Jonatan#6432, lincoln1883

[Deployed app](https://v49-tier3-team-31.onrender.com)
[GitHub](https://github.com/chingu-voyages/v49-tier3-team-31)