DEV Community

Cover image for Second full-stack app: Roomie - Find a room to rent! Built with: React + TailwindCSS + Express + MongoDB + Heroku / S3

Second full-stack app: Roomie - Find a room to rent! Built with: React + TailwindCSS + Express + MongoDB + Heroku / S3

User on June 01, 2020

Hey, devs! I've been studying for a few months now and after one month and 25 deploys, this is my second full-stack project: Roomie - a website to...
Collapse
 
ceblakely profile image
Christina Blakely •

The UI is great :)

Collapse
 
za01br profile image
User •

Thanks you Christina! I am terrible with UI, but I just say that using TailwindCSS helped me a lot!

Collapse
 
ceblakely profile image
Christina Blakely •

I haven't heard of TailwindCSS but i'll be checking it out!

Collapse
 
michaldulik profile image
Michał Dulik • • Edited

Good job! I found a small bug, when your user is using english language everything seems to work, but if user system / browser language is not an english [ like mine ] it suggest a place in his language [ In Poland New York = Nowy Jork ]. When you click on that suggestion app displays an error: "No listings available yet".
screenshot1
screenshot2

Collapse
 
za01br profile image
User •

Wow, nice catch! I will fix that! Thank you! :D

Collapse
 
rsa profile image
Ranieri Althoff •

If you write it like React + Express + Mongo + Tailwind, you will have built a rent service with the REMT stack.

Collapse
 
za01br profile image
User •

Ranieri,
I didn't know that. Thank you! :D

Collapse
 
michaeltharrington profile image
Michael Tharrington •

Just to say that I really dig the name of your app, haha! "Roomie" is a great name for this. 😀

Collapse
 
fayaz profile image
Fayaz Ahmed •

Very nice. A small suggestion in case you are scaling this in the future - the individual apartment page urls should have a slug instead of your mongodb ids -
Something like
roomiew.herokuapp.com/listing/newy... instead of roomiew.herokuapp.com/listing/5ed3.... this will go a long way for SEO and Google ranking.

PS, I had did the same thing for a project henc the suggestion.

Collapse
 
za01br profile image
User •

@Fayaz, thanks man! Yes, I even know how to do that, but since it was something simple (use a slug), I thought about leaving it behind.
Now, I have zero knowledge about anything related to SEO and Google ranking, so thank you for the tip!!

Collapse
 
alejogb1 profile image
Alejo Garcia •

I wish to do seomthing similar in the future, but wouldn't know where to start unless I have some guideline or turorial. What do you think?

Collapse
 
za01br profile image
User •

@Alejo Garcia,

For me, I like to break all the "features" and start from the basic.
After I got a grasp in Javascript (ES6), I said "what about backend?".

Then, diving into node/express I decided to create my first CRUD app:
appjournals.herokuapp.com/

Since it worked, "what about authentication, upload images, etc"?
Then I dived into that.
I bought this Udemy course a few months ago, he is an awesome teacher, but I am not good in following along. (udemy.com/course/nodejs-express-mo...) I never completed any of those two projects that he teaches it.

After having my idea of a good app that would also be good to use for apply for jobs, I started. Every time I needed to implement something, I watched the videos and implemented their concepts for my project.

For React and Tailwind, I used different tutorials and articles to learn what I specifically needed. :D

Collapse
 
alejogb1 profile image
Alejo Garcia •

Thank you so much.

Collapse
 
regisnut profile image
Regisnut •

Hi, how to do you useAWS for image? is it kind of mix with multer? is it like cloudinary?
THanks

Collapse
 
za01br profile image
User •

Hi! Sorry for taking so long. I am just storing the images in an S3. Cloudinary to process the images before sending to the bucket

Collapse
 
zivtamary profile image
Ziv Tamary •

How can I contact you for a business offer? 😅

Collapse
 
gillarohith profile image
Rohith Gilla •

Amazing

Collapse
 
za01br profile image
User •

Thank you Rohith!!

Collapse
 
toclean profile image
Connor •

This looks both aesthetically pleasing (especially the home page) and useful!

Collapse
 
za01br profile image
User •

Thank you for your kind words. :)