+
ClassroomIO is a platform for bootcamps, individual educators, and training businesses that brings teaching and learning into one place while at the same time helping them be 10x more productive. With our platform, anyone can run multiple classes and cohorts all from one UI. The application is mobile-first, which means that students can access your lesson materials from any device.
@@ -69,6 +69,14 @@ Here is what you need to be able to run ClassroomIO.com
- [Docker](https://docs.docker.com/engine/install/)
- [NPM](https://www.npmjs.com/)
+### Project Structure
+
+This repo is a mono repo that consists of 3 projects:
+
+1. `classroomio-com`: The landing page of ClassroomIO hosted [here](https://classroomio.com)
+2. `dashboard`: The web application that runs the learning management system.
+3. `docs`: Official documentation of ClassroomIO hosted [here](https://docs.classroomio.com)
+
## Development
### Setup
@@ -101,6 +109,7 @@ Here is what you need to be able to run ClassroomIO.com
4. Set up your `.env` file
+ - Go to `apps/classroomio-com` and `apps/dashboard`
- Duplicate the `.env.example` file and rename it to `.env`
5. Setup Supabase.
@@ -141,15 +150,20 @@ Here is what you need to be able to run ClassroomIO.com
6. Install the required dependencies
```bash
- npm i
+ pnpm i
```
7. Run (in development mode)
```bash
- npm run dev
+ pnpm dev
```
+8. All projects should start running
+ - `classroomio-com`: [http://localhost:5173](http://localhost:5173)
+ - `dashboard`: [http://localhost:5174](http://localhost:5174)
+ - `docs`: [http://localhost:3000](http://localhost:3000)
+
## Related Repos
You can find other repos related to classroomio here:
diff --git a/apps/classroomio-com/.env.example b/apps/classroomio-com/.env.example
new file mode 100644
index 00000000..08864129
--- /dev/null
+++ b/apps/classroomio-com/.env.example
@@ -0,0 +1,4 @@
+PUBLIC_ENABLE_PRICING=1
+PUBLIC_ENABLE_FAQ=1
+PUBLIC_ENABLE_USERS_COMPANIES=
+PUBLIC_ENABLE_STATS=
\ No newline at end of file
diff --git a/apps/classroomio-com/.gitignore b/apps/classroomio-com/.gitignore
new file mode 100644
index 00000000..6635cf55
--- /dev/null
+++ b/apps/classroomio-com/.gitignore
@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/apps/classroomio-com/.npmrc b/apps/classroomio-com/.npmrc
new file mode 100644
index 00000000..0c05da45
--- /dev/null
+++ b/apps/classroomio-com/.npmrc
@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest
diff --git a/apps/classroomio-com/README.md b/apps/classroomio-com/README.md
new file mode 100644
index 00000000..651a91a4
--- /dev/null
+++ b/apps/classroomio-com/README.md
@@ -0,0 +1,11 @@
+
+ 
+ ClassroomIO
+ + +The Open Source Teaching Platform for Bootcamps + +## Tools + +- SvelteKit +- Tailwind diff --git a/apps/classroomio-com/jsconfig.json b/apps/classroomio-com/jsconfig.json new file mode 100644 index 00000000..fe45e13f --- /dev/null +++ b/apps/classroomio-com/jsconfig.json @@ -0,0 +1,17 @@ +{ + "extends": "./.svelte-kit/tsconfig.json", + "compilerOptions": { + "allowJs": true, + "checkJs": true, + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "resolveJsonModule": true, + "skipLibCheck": true, + "sourceMap": true, + "strict": true + } + // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files + // + // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes + // from the referenced tsconfig.json - TypeScript does not merge them in +} diff --git a/apps/classroomio-com/package.json b/apps/classroomio-com/package.json new file mode 100644 index 00000000..d519f43d --- /dev/null +++ b/apps/classroomio-com/package.json @@ -0,0 +1,31 @@ +{ + "name": "classroomio-com", + "version": "0.0.1", + "private": true, + "scripts": { + "dev": "vite dev", + "build": "vite build", + "preview": "vite preview", + "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json", + "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch" + }, + "devDependencies": { + "@melt-ui/pp": "^0.1.2", + "@melt-ui/svelte": "^0.43.0", + "@sveltejs/adapter-auto": "^2.0.0", + "@sveltejs/kit": "^1.20.4", + "autoprefixer": "^10.4.15", + "carbon-icons-svelte": "^12.3.0", + "postcss": "^8.4.29", + "svelte": "^4.0.5", + "svelte-check": "^3.4.3", + "svelte-sequential-preprocessor": "^2.0.1", + "tailwindcss": "^3.3.3", + "typescript": "^5.0.0", + "vite": "^4.4.2" + }, + "type": "module", + "dependencies": { + "posthog-node": "^3.1.3" + } +} diff --git a/postcss.config.js b/apps/classroomio-com/postcss.config.js similarity index 96% rename from postcss.config.js rename to apps/classroomio-com/postcss.config.js index 2aa7205d..2e7af2b7 100644 --- a/postcss.config.js +++ b/apps/classroomio-com/postcss.config.js @@ -3,4 +3,4 @@ export default { tailwindcss: {}, autoprefixer: {}, }, -}; +} diff --git a/apps/classroomio-com/src/app.css b/apps/classroomio-com/src/app.css new file mode 100644 index 00000000..ff407455 --- /dev/null +++ b/apps/classroomio-com/src/app.css @@ -0,0 +1,48 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +body { + overflow-x: hidden; +} + +body::-webkit-scrollbar { + display: none; +} + +li { + font-family: 'Inter', sans-serif; +} + +.inter { + font-family: 'Inter', sans-serif; +} + +.floating { + -webkit-animation: floating 2.5s linear infinite; + animation: floating 2.5s linear infinite; +} + +@-webkit-keyframes floating { + 0%, + 100% { + -webkit-transform: translateY(0rem); + transform: translateY(0rem); + } + 50% { + -webkit-transform: translateY(1rem); + transform: translateY(1rem); + } +} + +@keyframes floating { + 0%, + 100% { + -webkit-transform: translateY(0rem); + transform: translateY(0rem); + } + 50% { + -webkit-transform: translateY(1rem); + transform: translateY(1rem); + } +} diff --git a/apps/classroomio-com/src/app.d.ts b/apps/classroomio-com/src/app.d.ts new file mode 100644 index 00000000..f59b884c --- /dev/null +++ b/apps/classroomio-com/src/app.d.ts @@ -0,0 +1,12 @@ +// See https://kit.svelte.dev/docs/types#app +// for information about these interfaces +declare global { + namespace App { + // interface Error {} + // interface Locals {} + // interface PageData {} + // interface Platform {} + } +} + +export {}; diff --git a/apps/classroomio-com/src/app.html b/apps/classroomio-com/src/app.html new file mode 100644 index 00000000..83520670 --- /dev/null +++ b/apps/classroomio-com/src/app.html @@ -0,0 +1,62 @@ + + + + + + + + +%sveltekit.body%
+
+
+
\ No newline at end of file
diff --git a/apps/classroomio-com/src/lib/Body/Body.svelte b/apps/classroomio-com/src/lib/Body/Body.svelte
new file mode 100644
index 00000000..f9a9a9b0
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Body/Body.svelte
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
+{#if PUBLIC_ENABLE_STATS}
+
+
+{/if}
diff --git a/apps/classroomio-com/src/lib/Body/Section.svelte b/apps/classroomio-com/src/lib/Body/Section.svelte
new file mode 100644
index 00000000..a05a45f5
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Body/Section.svelte
@@ -0,0 +1,71 @@
+
+
+
+
+ + 1 thousand +
+Feedback collected
+
+
+ + 5 thousand +
+Documents processed
+
+
+ + 1 million +
+Page views recorded
+
+
+
+
+ +
+
+ {#if taglineIcon === 'simplified'}
+ 
+ {:else if taglineIcon === 'flexible'}
+ 
+ {:else if taglineIcon === 'collaboration'}
+ 
+ {/if}
+
+
+ 
+ 
+
+ {:else if taglineIcon === 'productivity'}
+ {tagline}
+{title}
++ {description} +
+ {#if $$slots.more} ++ +
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/classroomio-com/src/lib/Faq/faqs.js b/apps/classroomio-com/src/lib/Faq/faqs.js
new file mode 100644
index 00000000..af45dc8f
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Faq/faqs.js
@@ -0,0 +1,32 @@
+export const faqs = [
+ {
+ question: 'Who can benefit from ClassroomIO?',
+ answer:
+ 'We built ClassroomIO from the ground up for Educators, meaning if you teach online or in a physical classroom you are good to go. It works best for Educators who already have students and want an efficient way to manage their learning experience.',
+ },
+ {
+ question: 'Will I be able to set up ClassroomIO without technical skills?',
+ answer:
+ 'Most definitely. You can use ClassroomIO as a no-code tool to build your own LMS platform. We provide an intuitive user interface and documentation to help you give your students the best learning experience.',
+ },
+ {
+ question: 'How much customization can I do with ClassroomIO?',
+ answer:
+ 'Things like theming, organization name, landing pages, content that your students see and many more customization options to come.',
+ },
+ {
+ question: 'Is ClassroomIO suitable for a large number of students?',
+ answer:
+ 'Absolutely. ClassroomIO is built for a large number of students in any course. You can have multiple courses with as many students as you need.',
+ },
+ {
+ question: 'What kind of team plans does ClassroomIO offer?',
+ answer:
+ 'ClassroomIO offers a Team plan designed to cater to organizations of any size. Depending on the plan you select, you can invite other teachers into your organization.',
+ },
+ {
+ question: 'Can I try ClassroomIO before I buy it?',
+ answer:
+ 'Definitely. We’ve got a generous free plan to help you get started with the platform. As your requirements grow, we’ve got other plans that can grow with you.',
+ },
+];
diff --git a/apps/classroomio-com/src/lib/Footer/Footer.svelte b/apps/classroomio-com/src/lib/Footer/Footer.svelte
new file mode 100644
index 00000000..67b79beb
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Footer/Footer.svelte
@@ -0,0 +1,187 @@
+
+
++ Questions & Answers +
++ Can’t find the answer you’re looking for? + Shoot us an email and we’ll get back to you ASAP. +
+
+ {#each faqs as faq}
+
+
+
+
+ {/each}
+ + {faq.question} +
++ {faq.answer} +
+
+
++ Supercharge your Classroom Today +
++ Try before you buy. No credit card required. +
+ +
+
+
+
diff --git a/apps/classroomio-com/src/lib/Hero/Hero.svelte b/apps/classroomio-com/src/lib/Hero/Hero.svelte
new file mode 100644
index 00000000..ce70a5e5
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Hero/Hero.svelte
@@ -0,0 +1,93 @@
+
+
+
+ 
+
+
diff --git a/apps/classroomio-com/src/lib/Hero/ImageCompare.svelte b/apps/classroomio-com/src/lib/Hero/ImageCompare.svelte
new file mode 100644
index 00000000..b29e4a4c
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Hero/ImageCompare.svelte
@@ -0,0 +1,193 @@
+
+
+
+
+ 
+
+
+ + The Open Source Platform + for Tech Bootcamps +
+ ++ Spend less time doing the boring stuffs, instead focus on impacting the + lives of your students. +
+ + +
+
+
+
+ {#if PUBLIC_ENABLE_USERS_COMPANIES}
+
+
+ {/if}
++ Used at +
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+ + There is More... +
++ ClassroomIO is packed with useful features while we try to make it easy + to use. +
+
+
+
+ {#each moreFeatures as moreFeature, i}
+
+ {/each}
+
+
+
+
+ {#key selected}
+ ![{moreFeatures[selected].title}]({moreFeatures[selected].image})
+ {/key}
+
+
+
+
diff --git a/apps/classroomio-com/src/lib/Pricing/Pricing.svelte b/apps/classroomio-com/src/lib/Pricing/Pricing.svelte
new file mode 100644
index 00000000..fc67c471
--- /dev/null
+++ b/apps/classroomio-com/src/lib/Pricing/Pricing.svelte
@@ -0,0 +1,226 @@
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ {#if showNav}
+
+ ClassroomIO
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ 
+ Discord
+
+
+ 
+ Github
+
+
+
+
+ Discord
+
+
+
+ Github
+
+
+
+
+
+
+
+ + Pricing +
++ For teams and individuals +
++ Customizable LMS, AI integration for productive educators and many + more... +
+
+
+
+
+
+
+ Save 2 months
+
+
+
+
+
+
+
+
+
+
+ + Hobby +
++ For personal use. Hobby plan is free for up to 5 courses forever, no + credit card required. +
++ $0 /mo +
+ +-
+ {#each freeFeatures as freeFeature}
+
-
+
+ {freeFeature} +
+ {/each}
+
+
+
+
+ + Pro +
++ Advanced features for small teaching businesses. Built for scale. +
++ ${prices ? '12' : '15'} /member +
+ +-
+ {#each proFeatures as proFeature}
+
-
+
+ {proFeature} +
+ {/each}
+
+
+ + Team +
++ Best suited for teams and larger businesses that need more control. +
++ ${prices ? '42' : '50'} /member +
+ + +-
+ {#each teamFeatures as teamFeature}
+
-
+
+ {teamFeature} +
+ {/each}
+
+ A Personalized Dashboard for Your Students +
+ ++ Once you create an account, you get a dedicated dashboard where your + students can access all their courses, assignments, and more. +
+ +
+
+
+
+
diff --git a/apps/classroomio-com/src/routes/+page.svelte b/apps/classroomio-com/src/routes/+page.svelte
new file mode 100644
index 00000000..4c2d4f67
--- /dev/null
+++ b/apps/classroomio-com/src/routes/+page.svelte
@@ -0,0 +1,23 @@
+
+
+