Projects
Here are some of the projects I have worked on
Portfolio Site
Personal portfolio and a personal blog is always a nice thing to have, so I handcrafted one for myself to showcase my blogs and projects
- 👾 Next.js for the core
- 🧰 TypeScript for the language
- 📝 MDX for the Blog
- 📓 next-contentlayer for blog management
- 🐱 Github comments and reactions
- 💎 Prism to highlight the code blocks
- 🌠 Framer Motion for animation
- 💅 Sass for styling
- 🔮 Vercel open graph dynamic image generation
- ✨ SEO optimized
Built with:
Beddit server
This project introduced me to whole new depths of patterns and fun Typescript and Graphql (ofc learnt from benawad himself), spent a lot of time around building this one and had much fun. took a lot of breaks to explore and learn the stuff in between like db modeling, postgres, next.js etc.
- 🏃 TypeScript Express, graphql for the server
- 💎 Postgres typeorm combo for db. redis for sessions and cache
- 👯 User auth, forgot password etc
- 🔼 Posts timeline, edit, delete, upvotes/downvotes
- 🐳 docker + digitalocean for the win (moved to free stuff later for hosting)
Built with:
Beddit web
Reddit clone (kind of) it is less of react stuff and more of apollo-graphql and caching, worked with next.js ssr, urql then apollo-graphql with tight typesystems
- 🌟 Next.js and Typescript
- 🌊 User auth, forgot password etc, and CRUD functionality
- 🌠 Chakra for the UI
- 🍀 SSR and client side caching with urql then apollo gql
Built with:
Peresonal expense log
Expense log - it does what it says. you can add your spendings and this app will categorize and you can search and sort to view the categorized data as per your needs
- ⚛ React with Typescript
- 🌆 User auth etc, and CRUD functionality
- 📝 Advanced transaction sorting and searching
- 🔭 react-query for api queries
- ✨ Sass for the styling
Built with:
Expense log server
It is the server for the expense-log client. implemented in typescript and express
- 💎 Typescript and express for the server
- 📂 User auth etc, and CRUD functionality for user data and transactions
- 📝 Postgres for db and sessions (yes it is weird)
- 🔺 prisma for easy db modeling and db typesystems
Built with:
Bookmarks API Nest.js
Save your favourite links as bookmarks with a note. built with Nest.js and TS in MVC pattern
- 💳 User Auth with Jwt
- 🔒 Protected routes for CRUD operations
- 💎 Personalized, can edit, add and delete saved links and user profile
- 🐳 Dockerized
- 🃏 e2e, integration tests with Jest, nestjs-testing and Pactum
Built with:
Next fire blog
A blog that is built with Next.js and firebase as backend. users can login, make blog posts edit and manage them with ease
- 🏃 Next.js for the frontend
- 👮 Google oauth2, and CRUD functionality for user data and blogs
- 🔥 Firebase for the backend
- 📸 Image uploads
- 🌠 Live preview and reactions
Built with:
Natours
It is a simple static landing page made with html and Sass, learnt a lot of advanced css patterns, cascading rules, BEM and Scss
- 🦆 BEM
- 💆 Mixins, global variables
- 🌠 Transitions and animations
- 💃 Responsive design
- 🚀 Scalable CSS patterns
Built with:
