Build a Client Portal with Webflow & Wized - Demo
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- REACH OUT FOR A WEBFLOW WIZED XANO CONSULTATION:
cal.com/aonnoy-sengupta/wwx-c...
GET XANO AT 10% DISCOUNT:
xano.io/mgfswoqi
Create an account on Wized and build incredible apps like the client portal:
www.wized.com/?via=aonnoy
CLONEABLES ARE NOW AVAILABLE:
Webflow: webflow.com/made-in-webflow/w...
Wized: app.wized.com/clone/YTmeta6z6...
Airtable: airtable.com/shrFlGocY6kDUBtEr
Let's dive into a little project I've been tinkering with during my spare time. It's a client portal, constructed using Webflow and Wized. Now, I'm not saying this is something totally novel. There are many apps and tools out there that my fellow no-code builders are utilising for similar purposes. But what I'm sharing isn't about offering something revolutionary; instead, it's about sharing a tool that you might find beneficial. Feel free to clone it, adapt it, and make it work for your needs.
The client portal I've built offers a space where your clients can navigate between different projects, monitor start dates, invite collaborators, and access their important documents. And by 'important,' I mean from the first project briefs all the way to the final invoices. The portal also accommodates file sharing, with a built-in feature that lets clients upload their files.
Inside the portal, there's an interactive Kanban task board which I've incorporated using the sortable js library. It's a nice little feature that enables your clients to create new tickets, leave comments, and adjust existing tickets whenever they need.
One feature I really want to spotlight is the multi-step form, powered by Splide js. This form offers a neat, user-friendly way to collect detailed information about client projects without overwhelming them. And, with the help of Wized integration, you can smoothly create, send proposals, and even set up contracts that allow for client signatures.
But here's where I keep it real. This portal, as cool as it is, has a few rough edges. It was a free-time project that I rushed a bit, so it's not perfect. However, I believe it's a fantastic base that you can clone, refine, and improve upon.
I'm also putting together some tutorials that walk through how to build a tool like this. Make sure you hit the subscribe button on my channel to get notified when those go live. Remember, the goal here is to share, learn, and grow together in our no-code journey. Let's keep that creative energy flowing
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
Follow me:
Instagram: / aonnoyux
Twitter: / aonnoyux
Linkedin: / aonnoy-sengupta
Dribbble: dribbble.com/aonnoysengupta
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
TAGS
#webflow #wized #webapplication - วิทยาศาสตร์และเทคโนโลยี
![บุษบา - มอส รัศมี [COVER VERSION]](http://i.ytimg.com/vi/_n0yENSl8d8/mqdefault.jpg)
so awesome man! just what i was looking for, keen to see more!
This looks really good ! All the best
Pretty cool! Thanks for sharing
Can’t wait to see the videos, especially the firebase x airtable sync and the chatgpt part!
The cloneable is live now 😊
Man this is incredible. Going through all these steps and tutorials has taught me so much. Thank you! Definitely subscribed
Thank you soo much Brendon! That really means a lot and has made my day ! ❤️❤️❤️
😢
😢
Please keep the contents coming 🎉
Nice project! I'm excited to watch and build that exact project to, waiting for this tuts. :)
The cloneable and the tuts are live now
Excited to see the tutorials, would love to add a dashboard in my own project.
They will all be available alongside with the cloneable by next week
The cloneable is live now
Great work
Good job!
Thanks for sharing all that amazing stuff, was curious about wized since I heard about it. But damn I really need to check it out. Gotta get my hand on an invitation
oh and btw your design is gorgeous and the interactions are so freaking smooth. Are they built with within webflow or are you using custom javascript for that?
Wized has removed the invite system so anyone can join and use the tool now 😃
Thank you !!🙏 Yup the entire site is built on webflow with GSAP animations
cool!
super impressive look forward to learning how you did some of the things with this project. What was reason you went with firewbase auth and not the Airtable / wized auth?
Thank you! So initially setting up Airtable authentication was the plan but I was getting a lot of 500 errors mainly because I wasn’t also sure how certain functionalities needed to be set up. After a while I just gave up and went with firebase which took me less than an hour to get things up and running. Eventually Nelson from wized support pointed out the proper way of setting it up.
It was interesting to know where you need to use custom code with chat GPT in this web app and how build something like that for learn how use Wized . Thanks for your content
The custom js in this entire project is all generated by GPT 4
@@aonnoysengupta woooaw really ! Later you will make live build on Wized like made finsweet in their Channel ! That will be interesting to understand your process on how Ask to chao GPT the Right code for webflow
@@FloNocode Hopefully sometime soon!
@@aonnoysengupta thanks to learn Community and help us to growth on webflow + Wized! There are so few content creator on this niche , its very hard to see content on this combo tool
I would love a build tutorial 😊
hey there! the tutorials are already available :)
Looks great! How long did this take?
Thank you! Took me three and a half weeks both design and development included
Hi ! how are you , i would like to know if we can make all tutorial on you channel with a free plan for learning more about combo Wized + Webflow ? or we need to have a paid plan?
Yes you can create this using the free plan for all the tools
Thanks for the great video! I would love to start trying it out but any chance you have a Wized invite code I could use please 🙏
here you go W-9hNIcW3W 😁
Also heres another multicode WI-EA-18 in case the other one doesn’t work
I will hire you to build this for my website.
Hey Austin unfortunately I won't be able to take this on as I am completely booked up for the year. However I highly recommend checking out this agency here - www.blackpeak.ca/wized-development-agency as they are highly capable of building out your web app. :D
Hey loved the video! I’m starting to take on my own clients and I’m not 100% on pricing for this sort of functionality. What would a ball park cost for a completely custom web design and development, with login/ signup functionality with some sort of user dashboard? Any sort of help would be amazing. Thinking ~$3k
Hey Finlay, thank you for the kind words! Now for the cost for a project with custom design, development and web app functionality for me personally would start from $10,000 easy if not more. But of course this varies on various factors like the project scope, freelancer rate etc
How do you get a Wized invite code?
Here you go :) W-9hNIcW3W
This project looks amazing - I wanted to build exactly this and pair-up with Notion to use it as my database and connect to my client CMS.
Would love to get my hands on the cloneable!
P.S: Subscribed to the channel! :D
The cloneable is live now
Interested in how you'd do the pair-up with Notion ✌✌