Comprehensive Multi-Language Car Info Platform
Budget: $30 – $250 USD
should allow users to:
Search for cars by brand, model, and year.
View detailed car specifications (engine, performance, dimensions, pros & cons, etc.).
Compare two different cars side by side.
Browse a blog/news section (with “Load More” functionality).
Access it easily on both desktop and mobile devices.
There should also be an Admin Dashboard to manage (CRUD) the cars, their specs, and blog posts.
Tech Stack & Key Requirements
Front-end:
Next.js with TypeScript.
Responsive design (desktop, tablet, mobile).
Arabic/English language support (i18n).
Back-end:
Nest.js with TypeScript.
Expose secure REST APIs (or GraphQL) for cars, comparisons, blog, etc.
Admin Dashboard endpoints to add/update/delete car info and blog posts.
Authentication/authorization if needed (simple admin login).
Database:
MongoDB (preferably hosted on MongoDB Atlas or local with Docker).
Use Mongoose (or similar) to define schemas (Car, BlogPost, etc.).
Ensure data is well-structured to handle both Arabic and English content fields.
Core Functionality:
Car Search & Details: Users pick brand/model/year, then see a dedicated detail page with specs, images, pros/cons, etc.
Car Comparison: Users select two cars, and see a side-by-side table of specs.
Blog/News Section:
3-column grid on desktop, 1–2 columns on mobile.
Shows 9 posts initially, with a “Load More” button.
Each post has a detailed article page, featuring text, images, and social sharing buttons.
Arabic/English Switch: The user can change the language anywhere on the site, with mirrored layout for Arabic (if possible).
Admin Dashboard (can be integrated into Next.js or separate) should allow:
Create/Edit/Delete car entries, including specs, pros/cons, images, etc.
Create/Edit/Delete blog articles in both Arabic and English.
Search for cars by brand, model, and year.
View detailed car specifications (engine, performance, dimensions, pros & cons, etc.).
Compare two different cars side by side.
Browse a blog/news section (with “Load More” functionality).
Access it easily on both desktop and mobile devices.
There should also be an Admin Dashboard to manage (CRUD) the cars, their specs, and blog posts.
Tech Stack & Key Requirements
Front-end:
Next.js with TypeScript.
Responsive design (desktop, tablet, mobile).
Arabic/English language support (i18n).
Back-end:
Nest.js with TypeScript.
Expose secure REST APIs (or GraphQL) for cars, comparisons, blog, etc.
Admin Dashboard endpoints to add/update/delete car info and blog posts.
Authentication/authorization if needed (simple admin login).
Database:
MongoDB (preferably hosted on MongoDB Atlas or local with Docker).
Use Mongoose (or similar) to define schemas (Car, BlogPost, etc.).
Ensure data is well-structured to handle both Arabic and English content fields.
Core Functionality:
Car Search & Details: Users pick brand/model/year, then see a dedicated detail page with specs, images, pros/cons, etc.
Car Comparison: Users select two cars, and see a side-by-side table of specs.
Blog/News Section:
3-column grid on desktop, 1–2 columns on mobile.
Shows 9 posts initially, with a “Load More” button.
Each post has a detailed article page, featuring text, images, and social sharing buttons.
Arabic/English Switch: The user can change the language anywhere on the site, with mirrored layout for Arabic (if possible).
Admin Dashboard (can be integrated into Next.js or separate) should allow:
Create/Edit/Delete car entries, including specs, pros/cons, images, etc.
Create/Edit/Delete blog articles in both Arabic and English.