MyPage
1 The first thing that we are going to do is fork and clone
2 Now we are going to install the current dependencies that are listed inside of package.json
npm install
3 Now we create an .env file
touch .env
in the .env file we type
SECRET_SESSION=livingthelife
now we need an API key. go to https://emoji-api.com and get the API key next we added to the .env file
APIKEY=your-key-goes-here
4 create database
npm install sequelize-cl
npx sequelize-cli db:create name-your-databse
5 Migrate and seed
npx sequelize-cli db:migrate
npx sequelize-cli db:seed:all
| Name | Attributes | Attributes | Attributes | Attributes | Attributes | Attributes |
|---|---|---|---|---|---|---|
| User | name | password | createdAt | updatedAt | ||
| blogs | userId | content | createdAt | updatedAt | ||
| gblogs | userId | content | createdAt | updatedAt | ||
| messages | userId | content | createdAt | updatedAt | ||
| comments | userId | blogId | gblogId | content | createdAt | updatedAt |
5 Make a commit
git add .
git commit -m "Install dependencies for project"
| Route | URL | Description |
|---|---|---|
| GET | '/' | takes you to the homepage (global wall) |
| GET | '/global/edit/:idx' | takes you to the edit page for global |
| GET | '/global/delete/:idx' | takes you to the delete page for global |
| GET | '/chat' | takes you to the chat |
| GET | '/profile' | takes you to your profile |
| GET | '/profile/edit/:idx' | takes you to the edit page for profile |
| GET | '/profile/delete/:idx' | takes you to the delete page for profile |
| POST | '/new' | posts new message in global |
| POST | '/:idx/comment' | posts comments on messages for global |
| POST | '/global/delete/dl/:idx' | deletes messages in global |
| POST | '/chat/send' | sends a new chat message |
| POST | '/profile/blog' | posts a new blog entry in your profile |
| POST | '/profile/:idx/comment' | posts comments for blog entries |
| POST | '/profile/delete/dl/:idx' | deletes a blog entry from profile |
| PUT | '/global/new/:idx' | updates entry for global wall |
| PUT | '/profile/edit/new/:idx' | updates entry for profile blogs |
MyPage is a social media plataform that aims to make the internet the fun place it once was. The site has a global wall where you can share your thoughts with everyone as well as a global chat room. It also provides customizable profiles for everyone.
HTML5 CSS Javascript SQL EJS
To begin, signup in order to use the app.
the navigation menu at the top will then show "Profile"
try rich text in your profile posts.
you will be able to edit the apperance of your profile by commenting a <script></script> tag.