DEV Community

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...
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

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

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
 
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

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

Collapse
 
codewithgauri profile image
gaurav pandey

thank you :)

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

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
 
krgrs profile image
kenny

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

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
 
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

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

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

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

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

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

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

Thank you very much! 😇

Collapse
 
andrewbaisden profile image
Andrew Baisden

Awesome!

Collapse
 
yanislem profile image
Lemfadli

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

Collapse
 
killianfrappartdev profile image
Killian Frappart

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

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

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

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

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

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

Thank you for reading 😁

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
killianfrappartdev profile image
Killian Frappart

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

Collapse
 
haha profile image
HaHa

Amazing, good job ! :)

Collapse
 
antoinemeunier52 profile image
AntoineMeunier52

really good game man for your project

Collapse
 
killianfrappartdev profile image
Killian Frappart

Thank you buddy!

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

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

Thank you Sanaa !