Projects

• inCircle
  

  Social platform

  Used technologies

  • Next.JS -

  • TypeScript -

  • Mongodb -

  • Reduxjs/toolkit -

  • Next-auth -

  • Next-intl -

  • Next-themes -

  • Nodemailer -

  • React-dropzon -

  • Tailwind CSS -

  • Framer-motion

  Usage guide

  Start by signing up or logging in with your credentials or Google authentication for a quick and secure experience. Customize your profile, switch seamlessly between multiple languages, and enjoy real-time messaging with your connections. Share posts, interact with content through likes and comments, and manage your privacy settings to control your audience. Designed with a responsive interface, inCircle ensures smooth usability across all devices.

  

  Source CodeLive Demo
• Violet Store
  

  E-commerce website

  Used technologies

  • Products API -

  • TypeScript -

  • React.js -

  • Reduxjs/toolkit -

  • React-Query -

  • React-Router -

  • TailwindCSS -

  • Framer-motion

  Usage guide

  You can browse suggested products based on discounts, ratings, and search popularity. The Products page allows you to filter and view all items, and you can check detailed information and related products. Manage your cart after logging in or use " Login as Viewer " for quick access. The Search page helps you find products by entering relevant text. Navigate easily with the menu, where you can also sign up, log in, or log out.

  

  Source CodeLive Demo
• mySpotify
  

  E-commerce website

  Used technologies

  • Official spotify API -

  • TypeScript -

  • React.js -

  • Reduxjs/toolkit -

  • React-Query -

  • React-Router -

  • TailwindCSS -

  • Framer-motion

  Usage guide

  Dive into music categories to browse playlists and tracks, or use the search feature to find your favorite tracks, playlists, albums, or artists. Listen to tracks, and by clicking the albums button, you’ll be directed to the current track's artist's albums. You can save tracks to your playlist using the 'Save to Playlist' option or remove them as needed. Create your own playlists by clicking the 'Playlists' link in the navigation bar.

  

  Source CodeLive Demo