Skip to content

๐Ÿš— Lemonator โ€“ A dynamic car marketplace with live messaging, AI chatbot assistance, and a seamless buying & selling experience. ๐Ÿ›  Final project for Lighthouse Labs Web Development Bootcamp.

Notifications You must be signed in to change notification settings

Nesss86/Lemonator-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Lemonator Banner

๐Ÿš— Lemonator โ€“ The Ultimate Car Marketplace

Lemonator is a modern car marketplace where users can list, browse, and chat about vehicles in real-time. With live polling-powered messaging, AI chatbot recommendations, and a sleek UI, it provides a seamless experience for car buyers and sellers.


๐Ÿ”ฅ Key Features

๐Ÿ“ฉ Live Polling Messaging

  • Real-time messaging system with instant updates.
  • Buyers and sellers can chat seamlessly without delays.
  • Messages are auto-refreshed while logged in.

๐ŸŸข GIF Demo:
Live Polling Messaging


๐Ÿค– AI-Powered Chatbot

  • Provides smart car buying & selling tips using OpenAI.
  • Helps users make informed decisions based on their needs.
  • Easily accessible via a pop-up modal.

๐ŸŸข GIF Demo:
AI Chatbot Interaction


โญ Favourite Listings

  • Save multiple car listings for easy access later.
  • Remove listings instantly from your favorites.

๐ŸŸข GIF Demo:
Adding and Deleting Favourites

๐Ÿ–ผ Screenshot: Favourites Page

๐Ÿ–ผ Screenshot: Favourites Page


๐Ÿ  Landing Page

  • First impression of the app when a user visits Lemonator.
  • Highlights key features and encourages users to explore.

๐Ÿ–ผ Screenshot:
Landing Page


๐Ÿ‘ค User Profiles

  • Each user has a profile page showcasing:
    • Their listings
    • Their ratings & reviews
    • Contact & account details

๐Ÿ–ผ Screenshot (User 1):
User 1 Profile

๐Ÿ–ผ Screenshot (User 2):
User 2 Profile


๐Ÿ”ง Creating a Car Listing

  • Users can quickly list a car by filling out a simple form.
  • Listings can be edited or deleted anytime from the profile.

๐ŸŸข GIF Demo:
Creating a Listing

๐Ÿ–ผ Screenshot (Creating a Listing): Creating a Listing


๐Ÿ”‘ Quick User Login

  • Switch between users instantly for demo/testing.
  • Useful for showcasing live polling and different user views.

๐ŸŸข GIF Demo:
Quick User Login


๐Ÿค About the Team

  • Meet the developers behind Lemonator!

๐Ÿ–ผ Screenshot:
About the Team


๐Ÿ›  Tech Stack

React Ruby on Rails PostgreSQL OpenAI API Turbo Rails StimulusJS Sass Axios CORS

๐Ÿ“ฆ Key Dependencies

Frontend

  • React โ€“ UI framework for the client-side.
  • Axios โ€“ API requests and handling.
  • React Router โ€“ Navigation management.
  • Sass โ€“ Styling and preprocessor.

Backend

  • Ruby on Rails (8.0.1) โ€“ Core backend framework.
  • PostgreSQL โ€“ Database management.
  • Turbo Rails โ€“ Hotwire's real-time page updates.
  • StimulusJS โ€“ JavaScript framework for interactivity.
  • bcrypt โ€“ Secure user authentication.
  • ruby-openai โ€“ AI chatbot integration.

Performance & Development

  • rack-cors โ€“ Manages cross-origin requests.
  • solid_cache, solid_queue, solid_cable โ€“ Caching and job queue management.
  • dotenv-rails โ€“ Manages environment variables.
  • brakeman โ€“ Security static analysis.
  • rubocop-rails-omakase โ€“ Rails code style enforcement.
  • Capybara & Selenium WebDriver โ€“ System testing.

๐Ÿš€ Installation Guide

1๏ธโƒฃ Clone the Repository

git clone https://github.com/Nesss86/lemonator.git
cd lemonator

2๏ธโƒฃ Install Dependencies

Frontend Setup (Runs on Port 3001)

cd frontend
npm install
npm start

**Backend Setup (Runs on Port 3000)

cd backend
bundle install
rails db:create db:migrate db:seed
rails server

๐Ÿ’ก Note: Make sure your frontend is proxying requests correctly to the backend (http://localhost:3000) by checking package.json:

"proxy": "http://localhost:3000"

๐Ÿ”ฎ Future Enhancements

๐Ÿš€ Planned Features:

  • User Reviews & Ratings โ†’ Allow buyers to leave - feedback on sellers.
  • Setting up transaction completion using Stripe โ†’ Secure payment processing for car purchases.
  • Enhanced AI Chatbot โ†’ More context-aware recommendations.

โญ Give Us a Star!

If you like Lemonator, consider starring โญ this repository to support us!

About

๐Ÿš— Lemonator โ€“ A dynamic car marketplace with live messaging, AI chatbot assistance, and a seamless buying & selling experience. ๐Ÿ›  Final project for Lighthouse Labs Web Development Bootcamp.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •