A full-stack tech blog application!
The purpose of this project was to build a complete, full-stack web application that demonstrates many of the skills I have acquired over the last few months from my coding bootcamp. The website is a CMS-style blog site similar to a Wordpress site, where developers can publish their blog posts and comment on other developers’ posts as well.
It is a fully dynamic, responsive website run primarily by Node.js, Express.js, MySQL, and Express-Handlebars. The project also utilizes bcrypt for safely hashing user's passwords before it is even entered into the database. It also utilizes Express-Session for creating sessions and cookies. A session will last 15 minutes, after which, the user will be logged out and have to log back in.
For a full list of the various libraries, packages, and technologies utilized for this project, please refer to the Technologies section below.
This project is currently hosted on Heroku and be accessed by clicking here.
You can create your own posts by navigating to the "Dashboard" page and clicking "Create Post +". You can also view and make comments by clicking any post you see on the homepage (if you are logged in). If you do not have an account, then you can sign up for one for free by clicking on "Sign In" located in the navbar.
If you wish to clone this repo and host the website locally, please be sure to carefully follow the installation instructions.
- This app is powered by Node.js and MySQL, as a result, make sure those are properly installed and configured before continuing on.
- Navigate to the root of this repo and run
npm installin your console/terminal to download all the necessary npm packages. - Create a
.envfile in the root of the repo. Within this file, copy and paste the following:
DB_NAME=blog_db
DB_USER=<user_name>
DB_PASSWORD=<user_password>Alternatively, you can modify the included .env.EXAMPLE file to include your username and password
- Change the value of
DB_USERandDB_PASSWORDto your MySQL user and password respectively. Save these changes. - Execute
mysql -u root -pin your console/terminal. - Once succesfully logged in, execute
source db/schema.sqlto create database. Exit when finished. - You are now ready to turn on the server by running
npm startornpm run watchfor nodemon (to view changes live).
By default, the server is hosted to http://localhost:3001/ although the PORT number can be modified by changing the value of the variable PORT in server.js on line 13.
Below is a list of all the technologies we utilized in order to build this website.
Below are various screenshots of the website:
This project falls under the following license:
If you have any questions or comments, please feel free to contact me below:
Github: TonyQ032
LinkedIn: Anthony Quinones
Email: [email protected]