🌟 Inspiration

While Starting a project, the first thing that comes to mind after functionality is design. how will it look? What's the color? how many pages? all these questions come to my mind. so whats the best thing to do in this case? make your own design? Na I don't know how to use Figma, get the design from dribble and Behance? They are just a section of the entire page. so we decided to make something by which we can make designs for our website easily

What it does

the website has a bunch of component images like Navbar, Footer, Cards, Cta, etc you can scroll through them to find the one you like and use it for your design. you can know whether the 2 components look good with each other or not by stacking them with each other on the build page.

How we built it

So we have to think of a way to store the images so the first thing that came to our mind appwrite but one member of our team is using Linux so he has a hard time with docker so we decided to use an alternative for that which is firebase provided we have very less time. Then we need to persist the user and image through the pages so we decided to use the redux toolkit for that purpose.

Challenges we ran into

We didn't use firebase and redux before so we had to learn it.

Accomplishments that we're proud of

We are proud of the overall look and functionality of the website.

What we learned

We learned firebase, redux, and some best practices while coding also the learning curve is also very steep.

What's next for Drixy

We can implement a drag-and-drop image functionality with user able to crop image to use as he need and download the image.

Share this project:

Updates