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:
QKart Frontend
QKart is an e-commerce application offering a variety of products for customers to choose from.
- 🛍 Implemented the core logic for authentication, shopping cart and checkout
- ⚛ Improved UI by adding responsive design elements for uniform experience across different devices
- 👯 User auth, Login password etc
- 🖥 Utilized REST APIs to dynamically load and render data served by the backend serve
- 🔭 Implemented search using Debouncing
Built with:
XBoard
XBoard is a News Feed website that will feature the latest news for select topics, from Flipboard.
- 🌟 Built XBoard using HTML, CSS, Bootstrap and JavaScript from scratch.
- 📣 Used Accordions and Image Carousel to improve UI
- 🌠 Fetched news content from flipboards RSS feed using REST API.
Built with:
Qtrip Dynamic
QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.
- ⚛ Created web pages using HTML and CSS and made them dynamic using JavaScript.
- Created web pages using HTML and CSS and made them dynamic using JavaScript
- 💻 Utilised localStorage to persist user preferences at client-side
- Improved UX with multi-select filters, image carousels
Built with:
Qtrip Static
QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.
- Created 3 different web pages from Wireframe layout using HTML and CSS
- Utilized Bootstrap extensively for responsive design
- Deployed the website to Netlify
Built with:
Adopt a pet 🐕🐈
This project introduced me to the concept of single page applications using react routers
- 🔭 Implemented search
- Implemented different pages for categories
- Dynamically render the components
Built with:
AppointFix
A simple appointment planner using React and redux store
- ⚛ React for the frontend
- Redux to manage state
- Schedule appointment for different contacts
Built with:
InkinSkin
It is a simple static landing page for tattoo studio 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: