Hi all, I just deployed my first ever attempt at building a MERN stack application called Carfaxt, it is a car booking application for a fictitious car rental firm which aims to provide the firm with an online presence and also allow users select from the available list of rentals, make payment and have the rental delivered to their doorstep.
On the frontend aspect, I used Tailwind CSS for the styling, Material UI for the select input element, Swiper Js for the carousels and the redux library for state management. The user registration and authentication was done using JSON Web Token. On the backend, Bcrypt js was used for hashing of the user passwords. I deployed the Node backend on Heroku, The database on MongoDb's atlas and the React frontend on Netlify.
The url : https://carfaxt.netlify.app
Github repo: https://github.com/anagavc/carfaxt
Thank you.
cc: qtguru, tensazangetsu20

nice one... weldone

devmek:
Hi all, I just deployed my first ever attempt at building a MERN stack application called Carfaxt, it is a car booking application for a fictitious car rental firm which aims to provide the firm with an online presence and also allow users select from the available list of rentals, make payment and have the rental delivered to their doorstep.
On the frontend aspect, I used Tailwind CSS for the styling, Material UI for the select input element, Swiper Js for the carousels and the redux library for state management. The user registration and authentication was done using JSON Web Token. On the backend, Bcrypt js was used for hashing of the user passwords. I deployed the Node backend on Heroku, The database on MongoDb's atlas and the React frontend on Netlify.
The url : https://carfaxt.netlify.app
Github repo: https://github.com/anagavc/carfaxt
Thank you.
cc: qtguru, tensazangetsu20

This is an amazing project damn. How long have you been coding?

tensazangetsu20:


This is an amazing project damn. How long have you been coding?

Thank you very much, I started last year's June.

salvationproject:
nice one... weldone

Thank you very much

This is very good. One of the best UI my eyes have seen.

I just want to chip this in. Your loading spinner is taking too long. I believe the next your pages/templates are static are are not calling a large library or performing expensive CRUD operations.

Please fix that, it shouldn't spin for more than 500ms. Not spinning at all would be preferable.

Aside that, this is a 10/10 project for me.

devmek:

Thank you very much, I started last year's June.

Damn you are ready. I would hire you in a heartbeat if I saw this on your resume.

tensazangetsu20:


Damn you are ready. I would hire you in a heartbeat if I saw this on your resume.

Thank you sir, I have been sending out applications, hopefully, I pray I will soon start getting interview invitations

Karleb:
This is very good. One of the best UI my eyes have seen.

I just want to chip this in. Your loading spinner is taking too long. I believe the next your pages/templates are static are are not calling a large library or performing expensive CRUD operations.

Please fix that, it shouldn't spin for more than 500ms. Not spinning at all would be preferable.

Aside that, this is a 10/10 project for me.

Thank you sir, I'll work on rectifying the spinner

devmek:
Thank you sir, I have been sending out applications, hopefully, I pray I will soon start getting interview invitations

With projects like this you will.

devmek:
Hi all, I just deployed my first ever attempt at building a MERN stack application called Carfaxt, it is a car booking application for a fictitious car rental firm which aims to provide the firm with an online presence and also allow users select from the available list of rentals, make payment and have the rental delivered to their doorstep.
On the frontend aspect, I used Tailwind CSS for the styling, Material UI for the select input element, Swiper Js for the carousels and the redux library for state management. The user registration and authentication was done using JSON Web Token. On the backend, Bcrypt js was used for hashing of the user passwords. I deployed the Node backend on Heroku, The database on MongoDb's atlas and the React frontend on Netlify.
The url : https://carfaxt.netlify.app
Github repo: https://github.com/anagavc/carfaxt
Thank you.
cc: qtguru, tensazangetsu20

Now this is a project I said people should build, a real use project. This is good work really

Nice one op. This one na real life use case. The UI sweet me.

qtguru:


Now this is a project I said people should build, a real use project. This is good work really

Thank you very much Sir

islamics:
Nice one op. This one na real life use case. The UI sweet me.

Thanks a lot sir

This is quite impressive bro... Good job.

My question however is, how did you run your animations site wide.?? Framer or GSap?

niel63:
This is quite impressive bro... Good job.

My question however is, how did you run your animations site wide.?? Framer or GSap?

I used the Animate On Scroll library sir, then built components for each type of specific animation style I wanted and wrapped the component I wanted to animate with the animation component.

devmek:

I used the Animate On Scroll library sir, then built components for each type of specific animation style I wanted and wrapped the component I wanted to animate with the animation component.

Good job bro.
However you should take a look at those 2 I mentioned. You'll be happy you did.

Also, I will like you to improve your UI and color management. You have a good eye for minimalistic designs, however you need make them crispier.
Make e dey shine... even in minimalist

niel63:


Good job bro.
However you should take a look at those 2 I mentioned. You'll be happy you did.

Also, I will like you to improve your UI and color management. You have a good eye for minimalistic designs, however you need make them crispier.
Make e dey shine... even in minimalist

Thanks a lot sir, I will check them out and I will also work more on color management

Great!

100%

LikeAking:
Great!

100%

Thank you sir

This is really lovely. I'm gingered to up my game. Really nice op.

devmek:
Hi all, I just deployed my first ever attempt at building a MERN stack application called Carfaxt, it is a car booking application for a fictitious car rental firm which aims to provide the firm with an online presence and also allow users select from the available list of rentals, make payment and have the rental delivered to their doorstep.
On the frontend aspect, I used Tailwind CSS for the styling, Material UI for the select input element, Swiper Js for the carousels and the redux library for state management. The user registration and authentication was done using JSON Web Token. On the backend, Bcrypt js was used for hashing of the user passwords. I deployed the Node backend on Heroku, The database on MongoDb's atlas and the React frontend on Netlify.
The url : https://carfaxt.netlify.app
Github repo: https://github.com/anagavc/carfaxt
Thank you.
cc: qtguru, tensazangetsu20

Very impressive.
What's the font name you used?

Nice bro ...if i may ask how do you get your designs

qtguru:


Now this is a project I said people should build, a real use project. This is good work really

It's impressive o, see me gawking

devmek:
Hi all, I just deployed my first ever attempt at building a MERN stack application called Carfaxt, it is a car booking application for a fictitious car rental firm which aims to provide the firm with an online presence and also allow users select from the available list of rentals, make payment and have the rental delivered to their doorstep.
On the frontend aspect, I used Tailwind CSS for the styling, Material UI for the select input element, Swiper Js for the carousels and the redux library for state management. The user registration and authentication was done using JSON Web Token. On the backend, Bcrypt js was used for hashing of the user passwords. I deployed the Node backend on Heroku, The database on MongoDb's atlas and the React frontend on Netlify.
The url : https://carfaxt.netlify.app
Github repo: https://github.com/anagavc/carfaxt
Thank you.
cc: qtguru, tensazangetsu20

How did you achieve that text fade-in effect when scrolling (not sure of a better description for it)? I've been thinking about incorporating it in one of my projects and wondering if transition and translate rules would be the best fit. Is that CSS or something else?

elantraceey:
This is really lovely. I'm gingered to up my game. Really nice op.

Thank you Ma

emmyN:


It's impressive o, see me gawking

Thank you sir

emmyN:


How did you achieve that text fade-in effect when scrolling (not sure of a better description for it)? I've been thinking about incorporating it in one of my projects and wondering if transition and translate rules would be the best fit. Is that CSS or something else?

I used the Animate On Scroll library sir

Iambro:


Very impressive.
What's the font name you used?

I used Poppins for the heading fonts and Noto Sans for the body

Saskay44:
Nice bro ...if i may ask how do you get your designs

I get inspirations from Behance then use figma to come up with my own designs

devmek:
I used the Animate On Scroll library sir

Oh yeah, I checked your Github after I had dropped the question and saw it there. I would be back, lemme go tinker with some stuff on my project . Kudos man.

emmyN:


Oh yeah, I checked your Github after I had dropped the question and saw it there. I would be back, lemme go tinker with some stuff on my project . Kudos man.

Okay bro