The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
SolarIQ is my Final Year Project, a solar management platform combining a React Native mobile application, a React.js web application, and a Node.js backend.
As Team Lead and Backend Developer, I led the project team and developed backend services and REST APIs using Node.js, Express.js, and MongoDB. I also integrated APIs into the web application and Google Maps into the mobile application.
Key Contributions
Led the development team throughout the project.
Developed REST APIs using Node.js and Express.js.
Designed and integrated MongoDB for data management.
Connected the web application with backend APIs.
Integrated Google Maps into the mobile application.
Worked with the Solarman API to retrieve solar data rather than communicating directly with physical solar panels.
Tech Stack: Node.js, Express.js, MongoDB, React.js, React Native, Solarman API, Google Maps, Firebase Cloud Messaging, Cloudinary, SendGrid, Groq, and Python/TensorFlow.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Which hero would actually make you book a free roof check?
Redesigned the hero section for Solarshop, a New Zealand solar company.
The original had everything it needed but nothing was working together. Stats were floating around, two cards just sitting on top of a photo, no clear place for your eye to land.
So I kept the same general layout but actually made it do something. Full bleed photo, cards anchored to the bottom corners, stats moved inside the left card where they actually support the headline. Typography got more contrast too, the golden italic reads properly now.
The goal was to make it feel more premium without losing that local, approachable feel they had going.
What would you have changed?
0 voted
0%
3 voted
100%
3 votes
Closed
The "After" layout feels so much more cohesive. Two quick catches, the primary CTA has a small typo and the headline says Your home, powered by the sun but the background image shows a massive industrial solar farm rather than residential rooftops.
12 React Form Mistakes That Frustrate Users 😤
Your React form looks perfect... until someone actually tries to use it!
Can't type? Data disappears? Submit button does nothing?
Here are 12 common React form mistakes every developer should avoid:
1️⃣ Starting inputs with undefined instead of ''.
2️⃣ Clearing all form data after a validation error.
3️⃣ Forgetting e.preventDefault().
4️⃣ Showing validation errors while users are still typing.
5️⃣ Not showing a loading state after clicking Submit.
6️⃣ Using array indexes as keys in dynamic fields.
7️⃣ Forgetting to connect labels with htmlFor and id.
8️⃣ Putting all form state into one big object.
9️⃣ Showing every error at the top instead of next to its field.
🔟 Forgetting onChange on controlled inputs.
1️⃣1️⃣ Using setValue() instead of reset() to set initial form values.
1️⃣2️⃣ Never testing forms with a keyboard.
Remember: A good form doesn't just work when users do everything right. It should also handle mistakes gracefully.
👉 Read the full article with examples and fixes:
https://blog.webdevlab.org/react-form-mistakes-frustrate-users
💬 Which of these React form mistakes have you made before?
#ReactJS #ReactDevelopment #JavaScript #FrontendDevelopment #WebDevelopment #ReactHookForm
Once you know what to avoid, part of the way is clearer.
Just wrapped up this clean, modern UI/UX design and frontend setup for a luxury skincare and beauty brand! 🌿✨ Focused on soft aesthetic tones, smooth user navigation, and high conversion flow to give customers a premium online shopping experience.
What do you guys think of this aesthetic? Drop your thoughts below! 👇"
UI/UX Design, Web Development, E-commerce, Skincare, Beauty Brand, Frontend, React, Tailwind CSS
The soft colours work beautifully.