ChatSpace is a Real-Time-Chat application with Blog posting and sharing functionality! Enjoy posting about your favorite topics, and then chatting or commenting with others through a common topic tag! This is a full-stack application built from the ground up using everything listed below in the project requirements from the Ohio State Coding Bootcamp.
* Use Node.js and Express.js to create a RESTful API.
* Use Handlebars.js as the template engine.
* Use MySQL and the Sequelize ORM for the database.
* Have both GET and POST routes for retrieving and adding new data.
* Use at least one new library, package, or technology that we haven’t discussed.
* Have a folder structure that meets the MVC paradigm.
* Include authentication (express-session and cookies).
* Protect API keys and sensitive information with environment variables.
* Be deployed using Heroku (with data).
* Have a polished UI.
* Be responsive.
* Be interactive (i.e., accept and respond to user input).
* Meet good-quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).
* Have a professional README (with unique name, description, technologies used, screenshot, and link to deployed application).
- Visual Studio Code
- node.js
- mysql2
- dotenv
- nodemon
- express
- express-session
- sequelize
- connect-session-sequelize
- insomnia
- bcrypt
- handlebars
- tailwind CSS
- socket.io
- Run
npm i
in the command line to make sure all installations are complete. - Open your MySQL shell with command
mysql -u root -p
- Use the
schema.sql
file in the db folder to create the database by typingSOURCE db/schema.sql
in the MySQL shell. - Use environment variables to store sensitive data in the
.env
file, like your MySQL username, password, and database name. - From the CLI, type
npm run seed
to seed data to the database. - Then run
npm start
to start the server.
- This application is an assignment from module 15 from The Ohio State University Coding Boot Camp. The project criteria from above is from this module.
- Background AI images are from Microsoft Bing Image Creator.
- Gradient colors used in our tailwind CSS are from Hypercolor.
We would like to add additional styling and enhance the user experience. Also possibly implement D3 into the user profile.
If you would like to contribute please use the Contributor Covenant.
MIT License
- Github Profile for nephh
- Github Profile for jaredbyrum
- Github Profile for rickibobbii