DEV Community

loading...
Cover image for Weather App and Chat App high-quality projects designs

Weather App and Chat App high-quality projects designs

BigsonDev
bigsondev.com - I help people become Frontend Developers. ❤️ Learn HTML, CSS, JS, React with an ex-Lead Frontend Developer/Technical Recruiter. (full-time Mentor now)
・2 min read

Hi Folks,

More project ideas with high-quality designs coming in hot. 🔥

Btw. Andrey did an amazing job building Notes App - Preview | Code

I'm so happy that many people are trying to build these projects, it's definitely worth it and will skyrocket your Frontend skills.

Hard work always pays off, don't give up!


Weather App

Weather App Project Promo Image

Why this project?

As a Frontend Developer you'll work with data on daily basis, API calls, structuring data models, data transformation to fit in the UI. Weather App is a perfect project to practice all the above skills and additionally - craft a beautiful UI. If you use Vanilla JS for it, you'll also learn a bit of DOM manipulation.

Recommended Technology Stack


Chat App

Chat App Project Promo Image

Why this project?

Talk with your friends on your own chat, that's cool. It's the first step to dive into Full-stack Development, set up a Node/Express server, integrate real-time communication through socket.io and deploy Frontend + Backend e.g. on Heroku. This project will teach you a ton about how both worlds work and make you a better Developer overall.

Recommended Technology Stack


We're at 7 projects now. 👀 Milena is doing great work designing all these projects. We'll get to 10 soon...

Then I'll create a "Master Post" and explain why you should do these projects including what you can learn from them, stay tuned!


I'm thinking about creating YT video series - building projects from my website, step-by-step, modern technologies, best coding practices with a thorough explanation.

If you enjoy the content and like the idea, Buy me a pizza.
Let's reach that goal together. 😊

Thanks for all the support!

Get in touch: Mentorship | Twitter | LinkedIn

Discussion (9)

Collapse
jamesnm profile image
James Moore

Awesome another resource to add to the collection. Love the design :)

Collapse
bigsondev profile image
BigsonDev Author

Thank you for your kind words! We'll definitely create more of these.

Collapse
lucasfrutig0 profile image
lucasfrutig0

Very interesting

Collapse
dannyjd profile image
Danny • Edited

I love these! Thank you

Collapse
bigsondev profile image
BigsonDev Author

Thank you! ❤️

Collapse
robinvandenberg profile image
Robinofski

Awesome to see these pop up!

Collapse
bigsondev profile image
BigsonDev Author

Glad you like it! 🙇‍♂️

Collapse
pulkitsingh profile image
Pulkit Singh

Awesome content. Thank you for sharing. Waiting for YouTube videos tutorials.

Collapse
bigsondev profile image
BigsonDev Author

Hehe, glad you like it. YT video tutorials are connected with a buymeacoffee goal, it might take a while until I start them. 👀 However, I'm working on a bunch of cool app(s) I'll definitely share earlier than YT videos. Everything related to helping in learning Web Development. 😊