carlson-technologies / coffeeclass.io

Free programming and computer science tutorials.

Home Page:https://www.coffeeclass.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

coffeeclass.io header image

coffeeclass.io β˜•

Learn programming and computer science for free.

Project Overview

This website is a platform to learn to code. It is inspired by sites like freeCodeCamp, CSS Tricks, Fireship.io, Smashing Magazine, and many others. Coffeeclass.io is open source and we encourage contributions to both the website and the content! Read on to learn more about the project.

Quick Start

  1. Clone this repo: git clone https://github.com/carlson-technologies/coffeeclass.io.git
  2. Move into root (where this file is) and run yarn
  3. (Optional) Create a .env file and copy into it the content of .env.example.
  4. Run yarn dev to start the server
  5. Navigate to http://localhost:3000

If you are creating a PR, create a new branch. Before you commit run yarn build. This will run the tests and make sure everything is working.

Note: If you are not planning on making a PR, you can run rm -rf .git to remove git tracking.

Tech Stack Overview

  • πŸš€ Next.js - JS Framework
  • 🎨 Tailwind - CSS Framework
  • ☯️ Chakra UI - CSS Framework (in the process of switching to Tailwind)
  • πŸ“œ TypeScript (and some JavaScript) - Web language of choice
  • πŸ§ͺ Jest - Testing
  • ✍🏼 MDX - Stores content for articles, authors, courses, and tags
  • πŸ”Ί Vercel - Deployment
  • πŸ’» GitHub - Version Control
  • πŸ“Š Google Analytics - Analytics
  • πŸ”Ž Algolia - Search

Open Source

This entire project is open source. We encourage contributions! Read on to see how you can contribute.

Contributing Content

If you want to contribute an article please follow the steps on https://benjamincarlson.notion.site/Contributing-to-Coffeeclass-io-27ab5e894368424a9c86a7f11555514b.

Contributing to the Website

You can also contribute to the website itself. New features and bug fixes are always appreciated. Feel free to check out the Roadmap πŸš— for future plans and what we're working on currently. If you see anything you want to tackle, feel free to leave a comment on the Roadmap user story and open a PR!

Roadmap πŸš—

Our roadmap is also our agile development process. View cards, see what we are working on, view future plans and more on the roadmap.

https://benjamincarlson.notion.site/609b8bb171844146a9bcd9fbabd171a8?v=341de17fff6149bea36dbafbe2f2cf88

Thanks

The following companies and services have given free services to this website. Go check them out!

Vercel Splitbee Algolia

About

Free programming and computer science tutorials.

https://www.coffeeclass.io

License:MIT License


Languages

Language:MDX 57.0%Language:TypeScript 41.1%Language:JavaScript 2.0%Language:CSS 0.0%