Git Product home page Git Product logo

efournier92

Contents

Overview

A personal website, built primarily to enable easy sharing of notes written in Markdown. Features include a Landing Page, About Page, Projects Feed, and a portal to upload and read Notes. Projects can be created and edited by admin users, as can notes. All Note and Project data is publicly readable to unauthenticated users. All notes are sortable by user-configured tags, and shareable via URL, with query params masquerading as routes.

Demo

efournier92

Development Philosophy

I built this to serve as my own personal website, with the express intent of using it to share Notes. Whenever I complete a project, I tend to document it for myself in a Markdown file. I've amassed a trove of such files over several years, which I've now posted to efournier92.com for easy sharing. This marks the third application I've built using Angular in conjunction with Firebase, and I sought to design it to be as streamlined as possible, while adhering to the framework's best practices. I used Angular Material to develop the look and feel of the site. All components render nicely on mobile, tablet, and desktop. I leverage the ngx-markdown library to render uploaded markdown files, persisted with Firebase Storage, as html in the Notes Component. I'll continue to add features and content to the site as I create more projects and accumulate more Markdown.

Stack

Configure

app-configs.*.ts

export const FireConfig = {
  apiKey: "API_KEY",
  databaseURL: "DATABASE_URL",
  projectId: "PROJECT_ID",
  storageBucket: "STORAGE_BUCKET",
};

Build

Local

ng serve

Production

ng build --prod

Test

ng test

Contribute

If you have feature suggestions, please contact me here or at [email protected]. If you'd like to submit a pull request, please feel free to, and I'll review merge it at my earliest convenience!

License

This project is provided under the MIT licence and I hereby grant rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the software without limitation, provided the resulting software also carries the same open-source licensing statement.

Features

Landing Page

Dark Theme

Landing Page

Light Theme

Landing Page

Projects

View Projects

View Projects

Edit Project

Edit Project

Notes

View Notes

View Notes

Upload New Note

Upload Note

Edit Existing Note

Edit Existing Note

About Page

About

Features To Do

  • Landing Page
    • Typing animation
    • E Does
  • Projects
    • View Project Styling
  • Notes
    • Change from Docs to Notes Paradigm
    • URL From GitHub option
    • [~] Hidden note feature
    • Upload All Notes
    • Hunt Bugs
  • About
    • Weeks In Life Visualizer
  • Auth
    • Integrate admin authentication
  • Tags Admin
    • List all tags
    • Rename tag
    • Delete tag

E Fournier's Projects

E Fournier doesnโ€™t have any public repositories yet.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.