metapanzer / instagrrrm

Instagram clone project for PWD Bootcamp Selection Test

instagram_clone

Instagram clone project for PWD Bootcamp Selection Test

• 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

• 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