Carparison is a full stack web application that was built for our final project at Lighthouse Labs in a collaborative environment.
This project was designed by Cindy Chen, Omid Ghahramani and Kevin Ly.
- Front-end was built using React, CSS and Chakra UI.
- Back-end was built using Node.js, PostgreSQL and Express.
- Stripe, API Ninja Key, Kommunicate, Imagin Studio and EmailJs were all incorporated within our application.
Searching for a vehicle through API
Subscribing to email and chat using Kommunicate
Buying use a coffee using Stripe!
- Create the
.env
inbackend-carparison
by using.env_development
as a reference. - Update the .env file with your correct local information
- DB_HOST =
localhost
- DB_USER =
labber
- DB_PASS =
labber
- DB_NAME =
carparison
- DB_PORT =
5432
- API_KEY = API Ninja Key
- STRIPE_PRIVATE_KEY= Stripe
- Install dependencies in both frontend and backend-carparison:
npm i
- Run
psql \i db/schema/00_script.sql
as\u carparison
to seed initial local database - Run the server in backend-carparison:
npm start
- Note: nodemon is used, so you should not have to restart your server
- Run the client in frontend:
npm start
- Visit
http://localhost:3002/
"@chakra-ui/react": "^2.3.6",
"@emailjs/browser": "^3.9.0",
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"framer-motion": "^7.6.2",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^4.6.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
"axios": "^1.1.3",
"cookie-parser": "~1.4.4",
"cors": "^2.8.5",
"debug": "~2.6.9",
"express": "~4.16.1",
"morgan": "~1.9.1",
"pg": "^8.8.0",
"stripe": "^10.15.0"