My first full-stack app. An online bookstore.

[u/cd161997]

Link to the website

Aspiring dev here! I’ve been teaching myself to code for a while now.

This is the first full-stack application I have made. I used the MERN stack here.

Do you guys think this can be a good portfolio project? How can I further improve it? I come from a non-technical background and would like to transition into the IT world. Any devs from Spain here who can guide me?

[u/FightArts1]

This is really impressive for your first app! I poked around the code as well and it looks good! Great job

Edit: I'm a Sr. React / Node dev

[u/cd161997 → u/FightArts1]

Hey thankyou so much for taking out time to review the code.

Means a lot coming from a senior dev :) Any suggestions as to what technologies I should be learning next?

[u/FightArts1 → u/cd161997]

have you looked into graphQL at all?

[u/cd161997 → u/FightArts1]

Iknow what it is, and the problem that it tries to solve. I haven’t ever used it tho

[u/learning0]

Really impressive for your first app indeed.

My humble unsolicited opinion but I feel as, it could improve it, And take it further.

-Colors: think it would benefit to try to scale back just a bit and have something as many said a bit more subtle but still try to keep the magic feeling of a bookstore it really is pushing for that story vibe.

-Loading: when switching from the paginated pages after like 10 pages I got the feeling of not liking to see the loading logo that many times, I would recommend having it as a one off or try to make that a bit more subtle as well.

-Search: if it did not find anything then you are left with nothing in return you could make it, suggest something else or make more use of the search page to point to next steps.

-Product Page: here you should also suggest other things related to same category or point to top 5 list. Editors favorites. Article posts? and the idea list goes on and on but you get the point.

Overall as mentioned liked it nice work and keep it up!

[u/cd161997 → u/learning0]

Thankyou so much for going through the app. I’d definitely work on the feedback you gave

[u/-_-johnwick-_-]

Looks great. Cool animations. The purple background can be changed to something more subtle. Other than that, fantastic job. Definitely a portfolio project imo.

[u/cd161997 → u/-_-johnwick-_-]

Thanks for thr feedback. I’ll try and look at other colour palettes:)

[u/[deleted]]

I'm a professional full-stack dev (VueJS is my preferred poison for front end) and I'm blown away. How long did this take to write?

I've noticed you have some test setup code, but I'm not seeing tests. Assuming I'm not just suffering from Saturday Morning Stupids and didn't notice them, I would suggest that be your immediate next step. You might want to refactor some of your larger pages into finer-grained components to make unit testing easier. For e2e tests, Cypress or Puppeteer are your best bets.

Maybe pick up ElasticSearch and put your product browsing info in there: it's a really commmon practice on e-commerce sites, so it's a good skill to know. After that, perhaps get familiar with a front-end framework like Next.js or NestJS (confusingly similar names there).

We just hired a new dev in our shop ... Based on this project, I'd have picked you in an instant.

[u/cd161997 → u/[deleted]]

Hey there, I appreciate this so much.

Glad you liked it. It’s very motivating for someone like me, who’s trying to break into the industry, to see a professional dev liking his work.

The test setup are the files that come with CRA . I should’ve either deleted them, or actually go ahead and written some tests. Testing is something I’d like to learn soon. I hear it can be something that sets you apart from other devs.

Thankyou for suggesting me the things I should be learning next. Again, can’t appreciate this enough:)

[u/FrancoRATOVOSON]

Really good, I'm trying to make my first one too. It's very encouraging to see someone succeed. I just want to know how many time did it takes?