tmlssnss

Live Version

About

tmlssnss is an e-commerce platform made with React and CommerceJS API, with added user authentication and history of purchases.

Layout

Tech Stack

Backend

• NodeJS
• ExpressJS
• MongoDB
• Typescript
• PassportJS

Frontend

• HTML / SCSS / TypesScript
• React
• CommerceJS

Integrations

• Stripe
• CommerceJS
• Algolia for searching

Production

• Backend: Heroku
• Frontend: Vercel
• Database: MongoDB Atlas

How to run the app

Backend

# clone repo
git clone https://github.com/lemoswilson/tmlssnss_backend

# change to backend directory
cd backend

# install dependencies
npm install

# set environment variables
# create .env file and set your credentials for ATLAS_URI, Google OAuth, as well as a JWT Authorization, and a URL for the frontend.
MONGO_URI=<Your MongoDB URI>
JWT_AUTHORIZATION=<Your JWT Authorization key>
REACT_APP_URL=<The URL for the frontend> 
EMAIL_SERVICE=<Email service provider>
EMAIL_USER=<Email for sending reset password messages>
EMAIL_PASS=<Password for sending emalis>

# compile typescript 
tsc 

# run code
node dist/src/app.js

Frontend

# clone repo
git clone https://github.com/lemoswilson/tmlssnss

# cd to tmlssnss
cd tmlssnss

# install dependencies
npm install

# set environment variables
# create .env file and set the url for the server, your credentials for CommerceJS, Stripe, and Algolia. 
REACT_APP_SERVER_URL=<SERVER URL>
REACT_APP_CHEC_PUBLIC_KEY=<Your Chec/CommerceJS public key>
REACT_APP_CHEC_PRIVATE_KEY=<Your Chec/CommerceJS private key>
REACT_APP_STRIPE_PUBLIC_KEY=<Your Stripe public key>
REACT_APP_STRIPE_PRIVATE_KEY=<Your Stripe private key>
REACT_APP_ALGOLIA_APP_ID=<Your Algolia App ID>
REACT_APP_PUBLIC_ALGOLIA_SEARCH_KEY=<Your Algolia public search key>

# run the project
npm start

Author

Wilson Lemos

https://lemoswilson.com