https://github.com/j-grosse/e-learning-app

My E-Learning Web App Project (React, Typescript, Tailwind, MongoDB, mongoose, Node/Express Backend)
https://github.com/j-grosse/e-learning-app

bcrypt draftjs expressjs mongodb mongoose nodejs react tailwindcss typescript

Last synced: about 1 month ago
JSON representation

My E-Learning Web App Project (React, Typescript, Tailwind, MongoDB, mongoose, Node/Express Backend)

• Host: GitHub
• URL: https://github.com/j-grosse/e-learning-app
• Owner: j-grosse
• License: mit
• Created: 2024-01-10T09:02:38.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-13T16:28:14.000Z (about 1 year ago)
• Last Synced: 2025-06-14T16:06:37.205Z (10 months ago)
• Topics: bcrypt, draftjs, expressjs, mongodb, mongoose, nodejs, react, tailwindcss, typescript
• Language: JavaScript
• Homepage: https://e-learn-68it.onrender.com
• Size: 9.82 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# iCreate Courses - E-Learning Full-Stack Web App

## About the project

This is my E-Learning Website portfolio project.

![](screenshot01.jpg)

![](screenshot02.jpg)

![](screenshot03.jpg)

## Main Features

1. register / login

1. view course details, add to cart, checkout

1. view bought courses, modules, lessons

1. see learning progress

1. change profile information

1. tutors can create, updated and delete their courses, modules, lessons (using react-quill WYSIWYG editor)

## Technologies

### Front end

React.js, Typescript, Tailwind CSS, shadcn/ui react components (using Tailwind CSS & Radix UI)

vite, react router dom, axios

### Back end

MongoDB Atlas, Node.js, Express.js, Mongoose.js, bcrypt, jwt, cors, dotenv

## Theming

Theming is using shadcn/ui (index.css) and Tailwind (tailwind.config.js).

## Installation

git clone https://github.com/j-grosse/e-learning-app.git

cd e-learning-app/client  

npm i  

cp .env.example .env

cd ..  

cd server  

npm i  

cp .env.example .env

Then add your environment variables to the files /server/.env and /client/.env

## Running the app

cd e-learning-app/server  

npm run dev 

cd ../client 

npm run dev 

## Deployment

To deploy the app on https://render.com

- choose "create Web Service"

- add Render environment variables (as VITE_SERVER_BASE_URL use the final deployment url e.g. https://e-learn-68it.onrender.com)

- add Render deployment settings:  

  Branch: main  

  Root Directory: server  

  Build Command: npm i && cd ../client && npm i && npm run build  

  Start Command: npm start