Selfie is a full-stack productivity web-app built with Angular, ExpressJS, TailwindCSS, & Supabase, designed to help students manage events, meet deadlines, & perform daily tasks efficiently across both desktop and mobile.
👉 Deployed on Vercel: https://px-selfie.vercel.app
px-selfie
├── client # Frontend (Angular + TailwindCSS)
│ ├── public # Public assets (banner, demo GIF, etc.)
│ └── src
│ ├── app
│ │ ├── components # Angular components
│ │ ├── directives # Custom directives
│ │ ├── model # Interfaces & DTOs
│ │ ├── service # Angular services
│ │ └── utils # Utility functions
│ ├── environments # Environment configs
│ ├── styles.scss # Global SCSS styles
│ ├── tailwind.css # Tailwind entrypoint
│ └── main.ts # Angular bootstrap
│
│
└── server # Backend (ExpressJS + Supabase)
├── controller # API route controllers
├── middleware # Middlewares (auth, logging, etc.)
├── model # Data models
├── persistence # DB interaction layer
├── service # Business logic services
├── router.js # API route definitions
└── server.js # Express app entrypointNavigate to the backend folder, to go server folder:
cd serverInstall dependencies:
npm installRun the server in development mode:
npm run devBy default, the backend runs at: http://localhost:3000. The application will automatically respond whenever a valid request has been made.
To start a local development server for the frontend, select client folder:
cd clientInstall dependencies:
npm installBuild the project:
ng buildRun the Angular dev server:
ng serveBy default, the frontend runs at: http://localhost:4200. The app will automatically reload whenever you modify the source files.
This project is deployed in vercel at https://px-selfie.vercel.app
The repository is available here for browsing all the project resources.