Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anav5704/codeology

An educational website with blogs and quizzes on web development
https://github.com/anav5704/codeology

eleventy netlify nunjucks

Last synced: about 2 months ago
JSON representation

An educational website with blogs and quizzes on web development

Awesome Lists containing this project

README

        

# Codeology - A Blog Website 📝

![hero](https://github.com/anav5704/codeology/blob/main/docs/codeology.png)

This is a blogging website I had made which also has a section for web development-related quizzes and live projects. The quizzes are coded using JavaScript and the projects are embedded using a third-party site(Codepen). Netflify CMS provides an admin panel where blogs can be added and modified. 11ty is the static site generator and Nunjucks is the templating language for this website. This was the first time I worked with components and I was blown away. I migrated this project to Astro JS which is the cleaner, more performant version - [Codeology v2](https://github.com/anav5704/Codeology-v2).

## Technologies Used

- HTML
- CSS
- Eleventy
- Nunjucks

## Getting Started

First fork and clone the repo. First run```npm install``` to download all the dependencies. Once that is done, run ```npm start``` to view it on localhost.

## Learninig Resources

- [Build a blog with CMS - JAM stack](https://www.youtube.com/watch?v=4wD00RT6d-g)
- [Eleventy crash course](https://youtube.com/playlist?list=PLtLXFsdHI8JTwScHvB924dY3PNwNJjjuW&si=D4YxvFcmwvOW28cV)
- [Eleventy/11ty docs](https://www.11ty.dev/docs/get-started/)