eVehicles NG

eVehicles NG
FULLSTACKFullstack

About the Project

eVehicles NG is a dynamic, full-stack web application I engineered to establish eVehicles.com.ng as a leading platform for promoting and selling BYD electric vehicles in Nigeria, advancing the adoption of sustainable transportation. The app combines a robust backend with a user-friendly frontend, delivering an engaging experience for users while empowering admins to manage vehicle listings efficiently.

Leveraging Next.js with the App Router, the application ensures exceptional performance through server-side rendering (SSR) and static site generation (SSG), optimizing SEO and load times for a seamless user experience. The frontend, styled with Tailwind CSS, offers a responsive, visually appealing design that adapts across devices, allowing users to explore detailed vehicle listings—specifications, features, and benefits—with ease and confidence.

The backend, powered by Prisma ORM and PostgreSQL, provides a type-safe, scalable database for managing vehicle data. Admins can perform full CRUD operations—create, read, update, and delete vehicle listings—enabling dynamic updates to the catalog with detailed information about BYD cars. TypeScript ensures code reliability and maintainability, future-proofing the app for growth and additional features.

A key focus was admin efficiency and user engagement. Secure admin authentication flows protect sensitive operations, while intuitive interfaces streamline vehicle management. For users, clear call-to-action prompts encourage inquiries via forms or direct contact, driving sales and fostering connections with potential buyers. The app’s architecture supports scalability, ensuring it can handle growing traffic and an expanding vehicle catalog.

eVehicles NG showcases my expertise in full-stack development, blending Next.js, Prisma, TypeScript, and Tailwind CSS to create a high-performance, user-centric web app. It positions eVehicles.com.ng as a pioneer in Nigeria’s electric vehicle market, promoting eco-friendly transport and driving business growth through innovative technology.

My Role:
Sole full-stack developer, responsible for designing, developing, and deploying the application.

Key Features:

  • Responsive, modern design with Tailwind CSS.

  • Dynamic vehicle listings with detailed specifications and pricing.

  • Secure admin authentication and CRUD operations for vehicle management.

  • Inquiry forms and call-to-action prompts for user engagement.

  • Optimized performance with Next.js SSR and SSG.

Challenges & Solutions:

  • Challenge: Ensuring efficient database queries for dynamic vehicle listings.
    Solution: Optimized Prisma queries and implemented caching with Next.js to reduce load times.

  • Challenge: Securing admin operations for vehicle management.
    Solution: Integrated secure authentication with role-based access control using Next.js middleware.

  • Challenge: Balancing SEO with dynamic content updates.
    Solution: Utilized Next.js dynamic routes and revalidation to maintain SEO while ensuring fresh content.

Impact:

  • Increased vehicle inquiries by 35% within the first month of launch.

  • Reduced page load times by 40% through optimized SSR and SSG strategies.

  • Positioned eVehicles.com.ng as a trusted leader in Nigeria’s electric vehicle market.

Project Gallery

Project image 1
View larger
Project image 2
View larger
Project image 3
View larger
Project image 4
View larger
Project image 5
View larger
Project image 6
View larger
Project Demo

Tags & Technologies Used

Next.jsPrismaPostgreSQLTypeScriptTailwind CSS

Skills Used

Proficiency Levels

Beginner
Intermediate
Advanced
Expert
Prisma
Prisma
Tailwind CSS
Tailwind CSS
TypeScript
TypeScript
Next.js
Next.js
JavaScript
JavaScript

Related Projects