DEV Community

Cover image for My very first personnal project 🥳

My very first personnal project 🥳

Killian Frappart on August 10, 2020

Ok, I don't know if I'm ready or not to fly alone... Maybe I won't be able to ever finish this project but I don't care ! Here I am, in front of t...
Collapse
 
matveyclark profile image
Matthew Clark

Amazing project, especially for six months - really great progress. Having skimmed through the details, heres my two cents on some improvements that could present some more learning opportunities for you:

  • How are you storing the images? If they are stored on your server maybe you can look into storing them in some kind of cloud storage bucket (AWS S3, for example). Imagine if you have thousands of products, images may load up the server after a while.
    • Regarding that database connection string you pass to the .connect() method, probably best to hide sensitive information like that in environment variables. Look into a npm package called dotEnv, should do the trick.

Once again, great job and hopefully I added some value for improvements.

Collapse
 
killianfrappartdev profile image
Killian Frappart

Thank you for your feedback, I really appreciate you take from your time to help me improve !

I was actually kind of lost about how to store my images, at the moment I am simply storing images'URL as a string in the database. I am really considering learning how to use AWS.

You are 100% right on this point, I should really be more careful with my sensitive information and I'll fix that right now 😁

Collapse
 
matveyclark profile image
Matthew Clark

No problem at all 💪

I guess if its just a string in the database, thats not an issue. But then customers don't have the option to upload their own image of the product directly to your web app. If you would ever want to implement this functionality then its worth considering some cloud storage for your images 👍

Happy coding!

Collapse
 
berufius profile image
Berufius

This is not a beginner project, it's at least intermediate and I'm jealous. Achieving this in half a year is incredible! Keep up the good work and please share, it's encouraging for beginners like me ;)

Collapse
 
killianfrappartdev profile image
Killian Frappart

Thank you so much for your support!

Collapse
 
kabjhai profile image
Kabila Haile Soboka

Great work, you did it. But this doesn't mean there are no things to be modified. You should also work on your UI design skills. I am sure that you can make your work look more awesome. Train yourself on your color choices and the size of the cards and Icons.

Loved it!, you're going to be a pro in no time.

Don't settle for less!

Collapse
 
killianfrappartdev profile image
Killian Frappart

No doubt about that! I still have sooooo much to learn about design and user experience but don't worry it is on my to-do list! 😇

Collapse
 
shaijut profile image
Shaiju T • Edited

Nice 😄, can you share your learning path , like which technology you learned first from html to .... ?

Collapse
 
killianfrappartdev profile image
Killian Frappart • Edited

Hello Shaijut!

I started learning Java and Kotlin first because I was really interested in Android development but I switched to Web after a few months.

Just like every new web developer, I spent weeks learning HTML/CSS & Bootstrap and of course I built many little components/pages.

As soon as I felt confident enough with those, I dived as deep as I could in Vanilla JavaScript. I followed many tutorials from many great instructors on YouTube, Udemy, OpenClassroom, ...

I recently started building more 'serious' projects with React.js and after building some dummy SPA, I jumped into Node.js/Express to build my own Rest API.

Collapse
 
shaijut profile image
Shaiju T

Nice, Can you name some Great Instructors and is OpenClassroom free ?

Thread Thread
 
killianfrappartdev profile image
Killian Frappart

Yes it is!

If you are looking for an introduction I would recomment Angela Yu's complete guide but if you are willing to dive really deep in web development you have to try Max Schwarzmüller 's courses.

They are both on Udemy for less than 20$.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Congrats well done by the way you don't need BodyParser anymore its built into express. So you can just use app.use(express.json())

Collapse
 
killianfrappartdev profile image
Killian Frappart

Oh okay, good to know!

Thank you 😁

Collapse
 
sumukhesh profile image
Sumukhesh

Loved your work. I would also like to know more about how you designed your database for this project. Apart from that everything you built is reusable to some extent in other projects.
Great job. Cheers!!

Collapse
 
iamsafwen profile image
Hafsawy Safwen

Congrats and keep up the good work

Collapse
 
sagonz profile image
Sara

Fantastic job!

Collapse
 
scroung720 profile image
scroung720

Nice. I have envy of you. How do you manage to keep motivated? I sabotage myself every time I try something like this.

Collapse
 
oinuan profile image
oinuan

so much helpful for me
thank for your kindness
hope you're keeping doing so
good for starter
i'm so satisfied yours

Collapse
 
killianfrappartdev profile image
Killian Frappart

I'm so glad you appreciate my work and it is great if it helps you in any way!

Collapse
 
bronxsystem profile image
bronxsystem • Edited

Looks great this would of taken time. Good work ( :
Im curious what is the authentication? I skimmed through didnt see it.

Collapse
 
killianfrappartdev profile image
Killian Frappart

Thank you!

If you look in my GitHub repos, follow that path: backend/controllers/users-controllers.js

In that file I have my login/signup logic (which is very basic to be honest, it is clearly missing input validation).

Collapse
 
se7enwonder profile image
stringray

Good work,will surely look into it

Collapse
 
_ronini profile image
Ronnie Villarini

Awesome job 🥳

Collapse
 
wallwrecker profile image
wallWrecker

Just wanna know your opinion why u use react js, not vue js? or something else?

Collapse
 
killianfrappartdev profile image
Killian Frappart

Hey! I decided to learn React because I was told it is the most famous at the moment. As a beginner, it felt safer to have more ressources to rely on and possibly more job opportunities in the end.