DEV Community

loading...
Cover image for How I built a real world project for the first time 🌈

How I built a real world project for the first time 🌈

Killian Frappart on November 21, 2020

I have been learning web development for a year and I have just delivered my very first MVP for a client, this is a huge step forward in my journey...
pic
Editor guide
Collapse
cyantarek profile image
Cyan Tarek

Wonderful article.

But I am missing something.

You didn't tell us how did you go for the actual requirements process?

  1. How did you understand what to build from client?
  2. How did you prepare requirements?
  3. How did you prioritize them?

And last but not least, at which point did you gather the requirements? Before UI/UX Design and Data Modeling?

How did you model the data and design the UI? Based on features?

Please share, or write a new article about this since this is the first step where new comers stumble upon.

Thanks

Collapse
killianfrappartdev profile image
Killian Frappart Author

Hello Cyan,
It is a very interesting point you raises here! I should have explained in the introduction, we had a long meeting with the client before we officialy start the project where we discussed together what features to build and how the app should look in the end.
Moreover, we had a weekly meeting to check that the project is going in the right direction.
Lastly, we organized our work and filter requirements according to what we are able to do as junior developers.
Thank you for reading, I hope this answered your question! 😇

Collapse
eric profile image
freePean

This articler worked one year.

Collapse
alejogb1 profile image
Alejo Garcia

Can I collaborate doing the landing page? I really think I can give you some help on the landing page, adding illustrations and some good design. This is great, I like to see when projects turn out to be practical examples. This is my github: github.com/Alejogb1 and one of the websites I currently run: iosaprovall.com/

Collapse
killianfrappartdev profile image
Killian Frappart Author

Hello Alejo,
Thanks a lot for your enthusiasm!
I am not responsible of the landing page at all, it has been made by my client before I took part in the project.
I can let him know about your offer if you want.
Have a great day!

Collapse
meganpaffrath profile image
Megan Paffrath

I really enjoyed this read! I am working to become a full stack developer and I really like the organization of this project. I think it is important to get most of the planning and design done before making a project, great work! I look forward to seeing what else you do!

Collapse
killianfrappartdev profile image
Killian Frappart Author

I really appreciate your comment Megan! In my opinion organization is more important than the code itself. Thank you for reading and I wish you best of luck.

Collapse
kenrogers profile image
Ken Rogers

This is an awesome write-up, and kudos to you for building a real-world project as an aspiring dev. That's huge! Most people stick with building little toy apps or apps built following courses or tutorials, building something on your own that solves a real problem is a huge step, congrats!

Collapse
killianfrappartdev profile image
Killian Frappart Author

I know what you are speaking about! There are dozens of dummy app on my GitHub 😂 You can imagine how satisfying it is to finally build something worthwile!

Collapse
codewithgauri profile image
gaurav pandey

Great information loved your content, I have also started writing post about Opensource, Github, Android dev, Webdev, IoT, Cloud etc.
you can check it out here
Codewithgauri

Thanks :)

Collapse
killianfrappartdev profile image
Killian Frappart Author

Thank you!
Your blog looks great, keep up the good work 🔥

Collapse
codewithgauri profile image
gaurav pandey

thank you :)

Collapse
billraymond profile image
Bill Raymond

I’m thinking about developing an app that just came to mind recently and your article is amazing! Thank you for taking so much time to walk through the logistics of working on such a project! So many people glaze over what technologies are used or how thework gets managed. Great job!

Collapse
killianfrappartdev profile image
Killian Frappart Author

I could not be happier if my article somehow helped you get started with your app! Thank you for your feedback Bill😇

Collapse
devdufutur profile image
Rudy Nappée • Edited

Another important step is to setup a global context. Every React developer knows how tidious it might be to lift state up through props when you project is growing bigger.

Do you know constate ? It's a great library to lift state up easily at any time.

github.com/diegohaz/constate

Collapse
killianfrappartdev profile image
Killian Frappart Author

I have never heard of this package before, thank you for sharing I will have a look ✅

Collapse
juandave25 profile image
juandave25

I really enjoyed read this article , you learned a lot with this project in every aspect since planning , development and implementation, big congratulations for you.
If you need help with future projects,I would like to have the chance of working with you.
Best regards

Collapse
ridhikgovind profile image
Ridhik Govind

This post have given me an overview about how things work in real life. Thanks !

Collapse
killianfrappartdev profile image
Killian Frappart Author

I am glad that my article helped you anyhow 😁

Collapse
vpxavier profile image
vpxavier • Edited

Hello Killian,
What an amazing journey. I want to thank you and Walid for reaching the objectives in only a few weeks: validating the MVP and changing it to a working prototype. There is still a lot of work to do to turn in into an app in production but I am now sure that Allergio (allergio.net) will help a lot of families when its final version will be released. Thanks a lot for your work!

Collapse
killianfrappartdev profile image
Killian Frappart Author

Hello Xavier,
Thank you for trusting us, it was a great challenge, we learned a lot and we could not dream of a better project to work on.
As you said, there is still a lot of work to do before production and I wish you the best.

Collapse
longreede profile image
de Longrée Laureline

This is impressive! Well done!

Collapse
killianfrappartdev profile image
Killian Frappart Author

Thank you very much! 😇

Collapse
yanislem profile image
Lemfadli

Congratulations Killian 👏🏼👏🏼👏🏼What a job !! I'm very impressed 👨🏻‍💻🦇

Collapse
killianfrappartdev profile image
Killian Frappart Author

Thank you for your support my friend! 🦇🦇🦇

Collapse
aizuliswafaza profile image
aizuliswafaza

Good article

Collapse
kmhmubin profile image
K M H Mubin

Wow. I learn a lot from one article

Collapse
killianfrappartdev profile image
Killian Frappart Author

Comments like this one make me want to write more often 😊

Collapse
lucasfaria10 profile image
lucasfaria10

Very motivational for people like me, who started in the MERN stack a few days ago!!! Thanks and congratulation!!

Collapse
killianfrappartdev profile image
Killian Frappart Author

You can't go wrong with the MERN stack! Huge community support, gentle learning curve and tons of possibilities. Good luck 😇

Collapse
moscosolenin profile image
Lenin Moscoso

Wow awesome how I have learned so much in just one article. Thank you very much I wish you the best.

Collapse
killianfrappartdev profile image
Killian Frappart Author

I am glad you learned something from me! Have a great day 😇

Collapse
sebavillegas profile image
SebaVillegas

Nice work! Thanks for sharing!

Collapse
kacpersokolowskidev profile image
Kacper Sokolowski

Well done bro, great project and amazing results ! I'm excited to see what you'll do for the next project ! Cheers

Collapse
killianfrappartdev profile image
Killian Frappart Author

Hopefully we build the next project together Kacper 🔥

Collapse
kacpersokolowskidev profile image
Kacper Sokolowski

Yes ! It would be awesome 😆

Collapse
greg155 profile image
Gregory Akhun

Hi Killian,
It’s a great work you have done for this project.
Congratulation!

Collapse
killianfrappartdev profile image
Killian Frappart Author

Thank you sir Akhun 😊

Collapse
auloryn profile image
Auloryn

Wow you worked so hard, you must be proud! Congratulations for your achievements!

Collapse
killianfrappartdev profile image
Killian Frappart Author

Thank you for reading 😁

Collapse
andrewbaisden profile image
Andrew Baisden

Awesome!

Collapse
hama05 profile image
Hippo.op

Amazing, good job ! :)

Collapse
antoinemeunier52 profile image
AntoineMeunier52

really good game man for your project

Collapse
killianfrappartdev profile image
Collapse
ivanrusanov profile image
Ivan Rusanov

Thanks for this beautiful article! It was really interesting to read. But how do you estimate what food is in the photo?

Collapse
killianfrappartdev profile image
Killian Frappart Author

That is a really interesting question Ivan! I should have explained that feature with more details. We rely on an external API. We can use the user's front camera to read product's barcode and send a request to the API which answer with information about ingredients, allergens, etc ...
I hope that answered your question 😇

Collapse
sanaanoua profile image
sanaa jebroun

Congratulations! keep going!

Collapse
killianfrappartdev profile image
Killian Frappart Author

Thank you Sanaa !