A collection of full-stack projects showcasing my portfolio, including both frontend and backend implementations. Each project demonstrates skills in developing comprehensive applications, covering user interface design, server-side logic, and database management.
X Social Media Clone (MERN Stack)
This project is a modern social media platform clone built using the MERN stack (MongoDB, Express.js, React, and Node.js). It is designed to replicate core functionalities of popular social media applications while showcasing scalable, efficient, and responsive web development.
Libraries that are used in the project:
* In progress *
"dependencies": {
"bcryptjs": "^2.4.3",
"cloudinary": "^2.5.1",
"cookie-parser": "^1.4.7",
"cors": "^2.8.5",
"dotenv": "^16.4.5",
"express": "^4.21.1",
"jsonwebtoken": "^9.0.2",
"mongoose": "^8.8.1",
"validator": "^13.12.0"
},
"devDependencies": {
"nodemon": "^3.1.7"
}
A full-stack e-commerce application for managing products with functionalities for adding, updating, and deleting products. It includes light and dark theme support.
 |
 |
|---|---|
 |
 |
Libraries that are used in the project:
"dependencies": {
"@chakra-ui/icons": "^2.2.4",
"@chakra-ui/next-js": "^2.4.2",
"@chakra-ui/react": "^2.10.2",
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"framer-motion": "^11.11.9",
"next": "14.2.15",
"react": "^18",
"react-dom": "^18",
"react-icons": "^5.3.0",
"zustand": "^5.0.0"
},
"devDependencies": {
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"eslint": "^8",
"eslint-config-next": "14.2.15",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"typescript": "^5"
}
"dependencies": {
"cors": "^2.8.5",
"dotenv": "^16.4.5",
"express": "^4.21.1",
"mongoose": "^8.7.1",
"next": "^15.0.0"
},
"devDependencies": {
"nodemon": "^3.1.7"
}
Promptopia is a dynamic forum-style platform where users can share, filter, update, and delete posts with ease. The application features a clean user interface for browsing prompts and categorizing them by tags, providing an intuitive space for community engagement. Users can securely log in with Google authentication thanks to NextAuth, built into the Next.js framework.
 |
 |
|---|---|
 |
 |
 |
 |
Technologies and libraries used in the project:
"dependencies": {
"bcrypt": "^5.1.1",
"mongodb": "^6.4.0",
"mongoose": "^8.2.0",
"next": "14.1.1",
"next-auth": "^4.24.6",
"react": "^18",
"react-dom": "^18"
},
"devDependencies": {
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"autoprefixer": "^10.0.1",
"eslint": "^8",
"eslint-config-next": "14.1.1",
"postcss": "^8",
"tailwindcss": "^3.3.0",
"typescript": "^5"
}