https://github.com/salvillalon45/minimessageboard-theodinproject

[The Odin Project: Node] - Project: Mini Message Board
https://github.com/salvillalon45/minimessageboard-theodinproject

ejs ejs-templating express heroku nodejs nodemon sass webdevelopment

Last synced: about 3 hours ago
JSON representation

[The Odin Project: Node] - Project: Mini Message Board

• Host: GitHub
• URL: https://github.com/salvillalon45/minimessageboard-theodinproject
• Owner: salvillalon45
• Created: 2021-08-15T22:36:04.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-20T16:54:19.000Z (about 3 years ago)
• Last Synced: 2024-11-16T12:04:42.906Z (about 3 hours ago)
• Topics: ejs, ejs-templating, express, heroku, nodejs, nodemon, sass, webdevelopment
• Language: JavaScript
• Homepage: https://lit-shelf-92540.herokuapp.com/
• Size: 5.39 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# theOdinProject-MiniMessageBoard

[The Odin Project: Node] - Project: Mini Message Board

## Intro

-   In this project we are introduced to Express.js and make our first application using it!

-   You can find more on the project here: [The Odin Project - Mini Message Board](https://www.theodinproject.com/paths/full-stack-javascript/courses/nodejs/lessons/mini-message-board)

### 🎨 Color Reference

|  Color            |  Hex                                                                 |

| ----------------- | -------------------------------------------------------------------- |

|  Gold             |  ![#FFD700](https://via.placeholder.com/10/FFD700?text=+) `#FFD700`  |

|  Black            |  ![#141720](https://via.placeholder.com/10/141720?text=+) `#141720`  |

|  White            |  ![#fff](https://via.placeholder.com/10/fff?text=+) `#fff`           |

## Development

-   I learned how to apply a favicon in an express app. It involves using the serve-favicon npm package

-   I learned how to use Sass in an expres app. I noticed that I did initialized with the generator the sass flag (--css=sass), but I noticed that it was not applying the changes I was making to my sass file. So to fix, in app.js I changed the indentedSyntax to false and change the file extension of my .sass file to .scss. Code below

-   ```

    app.use(

    	sassMiddleware({

    		src: path.join(__dirname, 'public'),

    		dest: path.join(__dirname, 'public'),

    		indentedSyntax: false, // true = .sass and false = .scss

    		sourceMap: true

    	})

    );

    ```

## Technologies:

-   Sass

-   Node

-   Nodemon

-   Heroku

-   Express

```

```