-
Framework: ReactJS
-
Library:
- Frontend: tailwindcss, chakraui, react router dom, react hot toast, react icon, formik, yup, axios,
- Backend: express, mysql2, cors, jsonwebtoken, bcrypt, nodemailer, multer, dotenv, handlebars
-
Installation:
- Frontend:
npm i @chakra-ui/icons @chakra-ui/react @emotion/react @emotion/styled axios react-router-dom@6 formik yup react-hot-toast react-icons
- tailwindcss:
npm install -D tailwindcss
npx tailwindcss init
- Backend:
npm i express body-parser mysql2 cors jsonwebtoken bcrypt multer nodemailer dotenv handlebars
- ORM:
npm install --save-dev sequelize sequelize-cli
npx sequelize-cli init
- Frontend:
-
Pages:
- register
- login
- verification
- forgetPassword
- profile
- home
- postDetails
-
Components:
- sidebar
- card
-
Database:
- users: id, username, password, email, profile_picture, fullname, bio, is_verified, created_at
npx sequelize-cli model:generate --name users --attributes username:string,password:string,email:string,profile_picture:string,fullname:string,bio:string,is_verified:boolean
- contents: id, media, caption, like, created_at, users_id
npx sequelize-cli model:generate --name contents --attributes media:string,caption:string,like:integer
- comments: id, comment_body, created_at, contents_id
npx sequelize-cli model:generate --name comments --attributes comment_body:string
-
Specification
https://purwadhikafullstack.notion.site/Individual-Project-Requirement-6f60ce5486ff41268e6e002a34031f9e